@import "reset.css";
@import "nav.css";
@import "dropdown.css";
@import "sifr.css";

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }
a:visited { text-decoration: none; color: #000; }
a:link { text-decoration: none; color: #000; }


#globalnav-area ul#globalnav { display: block; float: left; margin: 0; padding: 0; width: 785px; }
#globalnav-area ul#globalnav li { float: left; height: 152px; width: 125px; list-style: none; }
#globalnav-area ul#globalnav li a { width: 124px; display: block; overflow: hidden; }
#globalnav-area ul#globalnav li a.gn-label { height: 0; padding-top: 28px; background: url(../img/globalnav-labels.png) no-repeat; }
#globalnav-area ul#globalnav li a.gn-picture { height: 126px; background: url(../img/globalnav-pictures-hq.jpg) no-repeat; }

#globalnav-area ul#globalnav li#gn-solutions a.gn-label { background-position: 0 0; }
#globalnav-area ul#globalnav li#gn-solutions a.gn-picture { background-position: 0 0; }
#globalnav-area ul#globalnav li#gn-nerac_insights a.gn-label { background-position: -124px 0; }
#globalnav-area ul#globalnav li#gn-nerac_insights a.gn-picture { background-position: -124px 0; }
#globalnav-area ul#globalnav li#gn-meet_our_experts a.gn-label { background-position: -248px 0; }
#globalnav-area ul#globalnav li#gn-meet_our_experts a.gn-picture { background-position: -248px 0; }
#globalnav-area ul#globalnav li#gn-about_nerac a.gn-label { background-position: -372px 0; }
#globalnav-area ul#globalnav li#gn-about_nerac a.gn-picture { background-position: -372px 0; }
#globalnav-area ul#globalnav li#gn-news_room a.gn-label { background-position: -496px 0; }
#globalnav-area ul#globalnav li#gn-news_room a.gn-picture { background-position: -496px 0; }
#globalnav-area ul#globalnav li#gn-contact_us a.gn-label { background-position: -620px 0; }
#globalnav-area ul#globalnav li#gn-contact_us a.gn-picture { background-position: -620px 0; }
#globalnav-area ul#globalnav li#gn-tab { width: 35px; }

#globalnav-area ul#globalnav li#gn-solutions a.gn-picture:hover { background-position: 0 -126px; }
#globalnav-area ul#globalnav li#gn-nerac_insights a.gn-picture:hover { background-position: -124px -126px; }
#globalnav-area ul#globalnav li#gn-meet_our_experts a.gn-picture:hover { background-position: -248px -126px; }
#globalnav-area ul#globalnav li#gn-about_nerac a.gn-picture:hover { background-position: -372px -126px; }
#globalnav-area ul#globalnav li#gn-news_room a.gn-picture:hover { background-position: -496px -126px; }
#globalnav-area ul#globalnav li#gn-contact_us a.gn-picture:hover { background-position: -620px -126px; }

html { height: 100%; position: relative; }
html .clearleft { clear: left; }

body { width: 100%; display: block; position: relative; overflow: visible; }

body#home { background: #000 url(../img/bg-home-mq.jpg) 0 0 no-repeat; display: block; }
body#solutions { background: #000  url(../img/bg-nerac-solutions.jpg) 0 -2px repeat-y; }
body#solutions-medical_devices { background: #000 url(../img/bg-nerac-solutions.jpg) 0 0px repeat-y; }
body#solutions-intellectual_property { background: #000 url(../img/bg-nerac-solutions.jpg) 0 0px repeat-y; }
body#experts { background: #000 url(../img/NERAC-Experts.jpg) 0 0 repeat-y; }
body#team-s_lloyd { background: #000 url(../img/NERAC-Team-S_Lloyd.jpg) 0 0 repeat-y; }
body#about_nerac { background: #000 url(../img/bg-nerac-solutions.jpg) 0 0px repeat-y; }

body#management { background: #000 url(../img/NERAC-Management.jpg) 0 0px repeat-y; } /**height*/
body#nerac_insights { background: #000 url(../img/bg-nerac-solutions.jpg) 0 0px repeat-y; }
body#contact_us { background: #000 url(../img/NERAC-NMR-Contact.jpg); }


body#insights-podcasts { background: #000 url(../img/NERAC-Insights-Podcasts.jpg) 0 0 repeat-y; }
body#marketplace-review { background: #000 url(../img/NERAC-Marketplace-Review.jpg) 0 0 repeat-y; } /**height*/
body#nmr-contact { background: #000 url(../img/NERAC-NMR-Contact.jpg) 0 0 repeat-y; }
body#news { background: #000 url(../img/NERAC-News.jpg) 0 0 repeat-y; }

body #container { width: 1024px; display: block; position: relative; height: 100%; }
body#home #container { }

a.rss { background: url(../img/rss.gif); height: 0; padding-top: 15px; width: 38px; display: block; overflow: hidden; float: left; }

#header { display: block; overflow: visible; position: relative; height: 154px; }
#header #globalnav-area { display: block; overflow: hidden; position: absolute; top: 1px; }
#floating-logo-container { display: block; position: absolute; right: 0; z-index: 99; width: 263px; height: 145px; overflow: hidden;  color: #a00; }
#floating-logo-container a#floating-logo { display: block; background: url(../img/banner-logo.png) center center no-repeat; width: 263px; padding-top: 145px; overflow: hidden;  color: #a00; height: 0;}

#main { position: relative; overflow: visible; float: left; }

body#home .main-column#mc-left { width: 303px; }

body#solutions .main-column#mc-left { width: 632px; }
body#solutions #main .main-column .main-column-content { width: 592px; }

body#solutions .main-column#mc-right { margin: 46px 0 0 20px; }
body#solutions-medical_devices .main-column#mc-left { width: 738px; }
body#solutions-medical_devices .main-column#mc-right { margin: 46px 0 0 20px; float: left; }
body#solutions-intellectual_property .main-column#mc-left { width: 602px; }
body#solutions-intellectual_property .main-column#mc-right { margin: 46px 0 0 20px; float: left; width: 250px; }



#width-test { border: solid #f00; border-width: 4px 0 0 0; width: 698px; }

body#about_nerac .main-column#mc-left { width: 698px; }
body#about_nerac .main-column#mc-right { margin: 46px 0 0 20px; float: left; width: 250px; }


body#nerac_insights .main-column#mc-left { width: 740px; }
body#nerac_insights .main-column#mc-right { margin: 46px 0 0 20px; float: left; width: 250px; }

body#contact_us .main-column#mc-left { width: 740px; }
body#contact_us .main-column#mc-right { margin: 46px 0 0 20px; float: left; width: 250px; }




body#solutions .main-column { display: block; float: left; }

#main .main-column { float: left; overflow: visible; }
/* #main .main-column .main-column-titlebar .title */

#main .main-column .titlebar { height: 46px; position: relative; }
#main .main-column .titlebar .title {  background: url(../img/bg-titlebar.png); height: 100%; position: relative; }
#main .main-column .titlebar .title h3 { letter-spacing: 4px; line-height: 43px; margin-left: 20px; padding-top: 2px; font-size: 30px; font-family: "Century Gothic", sans-serif; color: #fff; }
#main .main-column .titlebar .title a { overflow: hidden; display: block; background: url(../img/bg-titlebar-labels.png) no-repeat; height: 0; padding-top: 46px; margin-left: 25px; }
#main .main-column .titlebar .title span {  }
#main .main-column .titlebar .buttons { float: right; height: 100%; display: block; overflow: hidden; line-height: 46px; }

#main .main-column .titlebar .buttons li:hover .button { background-position: 4px -184px; }
#main .main-column .titlebar .buttons li:active .button { background-position: 0 -92px; }

#main .main-column .main-column-content { background: url(../img/bg-main-background.png); color: #fff; padding: 20px 20px 20px 20px; font-family: georgia; }

/*
#main .main-column .main-column-content p { font-size: 16px; margin-bottom: 16px; line-height: 20px; }
#main .main-column .main-column-content p.highlight { color: #ffad32; font-size: 18px; line-height: 24px; }
*/
/*
#footer #footer-columns .footer-column .fc-content { width: 282px; padding: 4px 0; display: block; overflow: visible; }
#footer #footer-columns .footer-column .fc-content p { border: solid 1px #000; margin-left: -1px; padding: 1px 1px 1px 1px; }
#footer #footer-columns .footer-column .fc-content p:hover {border: solid 1px #ffad32; background: #0f0e0d; }
*/

#main .main-column .main-column-content h2 { color: #ffad32; font-size: 30px; font-family: verdana, sans-serif; }
#main .main-column .main-column-content h2.underlined { border: solid #999; border-width: 0 0 1px 0; font-size: 24px; padding: 8px 0; }
#main .main-column .main-column-content p.focus-text { font-size: 20px; padding: 8px 60px 8px 0; line-height: 30px; }
#main .main-column .main-column-content p.mc-description { font-size: 18px; line-height: 23px; width: 678px; }

#main .main-column .main-column-content #mc-callouts, #main .main-column .main-column-content #mc-flashchart { margin-top: 35px; position: relative; }
#main .main-column .main-column-content #mc-flashchart { width: 100%; background: #fff; color: #000; position: static; }
#main .main-column .main-column-content #mc-element-cells { margin-top: 12px; overflow: hidden; width: 678px; }

#main .main-column .main-column-content .inner-tab { overflow: visible; font-family: verdana, sans-serif; background: #fff; width: 300px; margin-left: -20px; padding: 8px 12px 14px 22px; margin-bottom: 11px; position: relative; }

#main .main-column .main-column-content .inner-tab h3 { color: #6471a6; margin: 0 0 4px 0; font-weight: bold; font-size: 14px; }
#main .main-column .main-column-content .inner-tab p { color: #666; font-size: 11px; }

#main .main-column .main-column-content .inner-tab .mini-menu { z-index: 99; height: 82px; position: absolute; top: 0; right: -16px; display: block; overflow: visible; width: 16px; }

/*ul.mini-menu-buttons { height: 82px; width: 200px; border: solid 1px #f00; }
ul.mini-menu-buttons li { display: block; float: left; }
ul.mini-menu-buttons li.mini-menu-tab a { width: 16px; padding-top: 82px; height: 0; background: url(../img/bg-tab-menu.gif); display: block; overflow: hidden; }*/

#main .main-column .main-column-content .green-callout { position: absolute; width: 240px; right: 0; top: 0; bottom: 0; background: #a7b135; }
#main .main-column .main-column-content .green-callout a { background: url(../img/co-innovation.png) no-repeat; display: block; width: 100%; height: 100%; }

div.element-cell { border: solid #ffad32; border-width: 1px; display: block; background: #000; padding: 1px; width: 208px; float: left; margin: 0 12px 12px 0; }
div.element-cell img { border: 0; margin: 0; display: block; }

div.element-cell .ec-text h3 { font-family: verdana, sans-serif; color: #5a638f; font-size: 14px; margin-bottom: 4px; font-weight: bold; }
div.element-cell .ec-text { background: #fff; font-family: verdana, sans-serif; font-size: 11px; color: #666; padding: 10px 10px 16px 10px; display: block; line-height: 16px; }

div.callout { display: block; overflow: hidden; }
div.callout#medical-devices { background: url('http://www.nerac.com/img/co-contactus-medicaldevices.png'); width: 100%; height: 135px; }
div.callout#medical-devices a { padding-top: 135px; height: 0; overflow: hidden; display: block; }

/*form.nerac-form * { font-family: verdana, sans-serif; font-size: 11px; }
form.nerac-form select, form.nerac-form input { border: solid 1px #6471a6; }
form.nerac-form select { width: 188px; }
form.nerac-form input.form-buttons { background: #6471a6; color: #fff; font-weight: bold; }
form.nerac-form input.textfield { padding: 1px; }*/

#main .main-banner { display: block; height: 0; overflow: hidden; margin-bottom: 1px; float: left; }
#main .main-banner#mb-home { background: url(../img/banners-home.png) no-repeat; width: 303px; padding-top: 155px; }
#main #interactive { width: 649px; height: 0px; /*text-align: center; position: absolute;   display: block; left: 304px; top: 0; overflow: hidden;*/ }
#main #interactive img { width: 649px; height: 0px; margin: 0; padding: 0; border: none; background: none; }
#main #splash { position: absolute; left: 304px; top: 0; z-index: 99; }

#footer { font-family: verdana, sans-serif; position: absolute; left: 0; bottom: 0; display: block; overflow: visible; width: 1024px; height: auto; background: #000; color: #fff; font-size: 9pt; margin-top: 20px; }
#footer h4 { color: #fff; margin-bottom: 16px; font-weight: bold; }
#footer a { color: #dd9201; }
#footer a:hover { color: #fff; /* text-decoration: underline; */ }
#footer span a:hover { text-decoration: underline; }
#footer span, #footer span a { display: block; margin-bottom: 2px; font-family: arial; font-weight: bold; font-size: 12px; color: #fff; }
#footer div.fc-container { color: #fff; margin-bottom: 16px; font-family: verdana; font-weight: lighter; font-size: 11px; }
#footer div.fc-container img { float: left; margin-right: 10px; width: 69px; }
#footer-column-b img { border: solid 1px #616162;  }

#footer #footer-columns { position: relative; top: -12px; overflow: hidden; display: block; height: 100%; }
#footer #footer-columns div.fc-container    { display: block; width: 100%; float: left; }
#footer #footer-columns div.fc-text { float: left; width: 200px; }
#footer #footer-columns div.fc-text strong { font-weight: bold; } 
#footer #footer-columns div.fc-text ul { list-style: disc; padding: 4px 0 4px 14px; }
#footer #footer-columns .footer-column { background: url('http://www.nerac.com/img/footer-column-top-2.png') no-repeat; background-position: -50px 0px; display: block; float: left; width: 287px; height: auto; padding: 18px 40px 24px 10px; overflow: visible; font-family: arial; }
#footer #footer-columns .footer-column.fc-spacer-left { background-position: 0 0; width: 13px; height: 20px; border-width: 0; padding: 0; }
#footer #footer-columns .footer-column.fc-spacer-right { background-position: -809px 0; width: 191px; height: 20px; border-width: 0; padding: 0; }
#footer #footer-columns .footer-column .fc-content { width: 282px; padding: 4px 0; display: block; overflow: visible; }


#footer #f-newbottom { position: relative; border: solid #666; border-width: 1px 0 0 0; background: #000; width: 1024px; height: 100px; display: block; float: left; padding: 6px 0 0 25px; overflow: hidden; }
#footer #f-newbottom a, #footer #f-newbottom span { margin: 0 2px 10px 2px; line-height: 20px; height: 19px; display: block; float: left; }
#footer #f-newbottom a, #footer #f-newbottom span, #footer #f-newbottom p { font-size: 11px; font: arial; }
#footer #f-newbottom span { color: #dd9201; }
#footer #f-newbottom a#fb-print, #footer #f-newbottom a#fb-email, #footer #f-newbottom a#fb-bookmark { background: url(http://www.nerac.com/img/miniicons.png) no-repeat; padding-left: 2px; }
#footer #f-newbottom a#fb-bookmark { }
#footer #f-newbottom a#fb-print { background-position: 0 -56px; }
#footer #f-newbottom a#fb-email { margin-right: 0; background-position: 0 -114px; }
#footer #f-newbottom p { clear: left; color: #fff; margin-top: 4px; }
#footer #f-newbottom input { padding: 0; margin: 0; border: solid 1px #fff; background: #000; color: #fff; height: 14px; line-height: 12px; height: 14px; }
#footer #f-newbottom .fb-row { display: block; margin-bottom: 10px; overflow: visible; width: 1024px; }
input.hidden { display: none; }


div.vertical-label { background: url(../img/vertical-labels-red.gif); width: 35px; display: block; overflow: hidden; height: 0;  padding-top: 155px; float: left; }
div.vertical-label#vl-menu { }
div.vertical-label#vl-solutions { background-position: 0 -310px; }
div.vertical-label#vl-insights { background-position: 0 -155px; }


/* navigation container */
#globalnav-area { display: block; overflow: hidden; height: 152px; float: left; overflow: hidden; /* width: 785px; */ }

div.callout {
	display: block; overflow: hidden;
	width: 250px; margin-bottom: 17px;
	font-family: verdana, sans-serif;
	text-align: center;
	position: relative; 
	z-index: 1;
}

.callout.green-callout { width: 100%; right: 0; top: 0; bottom: 0; background: #b7c145; height: 300px; }
.callout.green-callout a { background: url('http://www.nerac.com/img/service-spectrum-chart.png') center no-repeat; display: block; width: 100%; height: 100%; }

div.callout a, div.callout h4 { display: block; overflow: hidden; background: url('http://www.nerac.com/img/green-callouts.png') no-repeat; }

div.callout h4.co-top { height: 46px; padding: 11px 17px; }
div.callout h4.co-top a { width: 217px; height: 0; padding-top: 53px; }
div.callout h4.co-top#mynerac a { background-position: -500px 0; }
div.callout h4.co-top#news_events a { background-position: -500px -53px; }
div.callout h4.co-top#nmr a { background-position: -500px -107px; }
div.callout h4.co-top#nsn a { background-position: -500px -161px; }

div.callout h4.co-top#solution { background-position: -719px 0; padding: 73px 0 0 10px; height: 60px; position: relative; }
div.callout h4.co-top#solution .arrow {
	background: none; height: 57px; width: 230px; padding: 0;
	overflow: hidden; position: relative;
}
div.callout h4.co-top#solution .arrow { display: table; position: static; }

div.callout h4.co-top#solution .arrow-content-container { display: table-cell; vertical-align: middle; position: static; }

div.callout h4.co-top#solution .arrow-content-container a {
	background: none; padding: 0; font-size: 12px; color: #485282; font-weight: bold;  position: relative; top: -50%; height: auto;
}
div.callout h4.co-top#solution .arrow-content-container a { position: static; }

div.callout h4.co-top#solution a:hover { color: #fff; }


div.callout h4.co-top#career { background-position: -719px -133px; padding: 73px 0 0 10px; height: 60px; position: relative; }
div.callout h4.co-top#career a { 
	background: none; height: 61px;
	vertical-align: middle; display: table-cell; padding: 0;
	width: 230px; color: #485282; font-weight: bold;
	font-size: 12px;
}
div.callout h4.co-top#career a:hover { color: #fff; }



div.callout .co-middle { background: url('http://www.nerac.com/img/green-callouts.png') no-repeat 0 bottom; padding: 4px 12px 6px 12px; font-size: 11px; line-height: 18px; overflow: hidden; }
p.co-middle strong { font-style: italic; white-space: nowrap; }

div.callout div.co-bottom {
	padding: 0 0 7px 0;
	background: url('http://www.nerac.com/img/green-callouts.png') no-repeat -250px 0;
}

div.callout div.co-bottom a {
	background-position: -326px 0; width: 95px;
	padding: 21px 0 0 0; display: block;
	overflow: hidden; height: 0; margin: 0 auto;
	color: #394eb2; font-size: 11px;
}

div.callout div.co-bottom a:hover, div.callout div.co-bottom a:active  { background-position: -326px -30px; }

div.callout#medical-devices { background: url('http://www.nerac.com/img/co-contactus-medicaldevices.png'); width: 100%; height: 135px; }
div.callout#medical-devices a { padding-top: 135px; height: 0; overflow: hidden; display: block; }


/* side panel accordion */
div#accordion { width: 250px; color: #fff; font-family: verdana, sans-serif; margin: 0; padding: 0; font-weight: bold; overflow: hidden; margin-bottom: 20px; }
div#accordion div { display: block; list-style: none; }
div#accordion div.toggler { height: 24px; background: #ffad32 url(../img/bg_side-panel-toggle.gif) 6px -24px no-repeat; cursor: pointer; border: solid #e39726; border-width: 0 0 14px 0; }
div#accordion div.toggler h3 { font-size: 12px; font-weight: bold; line-height: 24px; margin: 0 25px 0 25px; }
div#accordion div.element { background: #e39726; }
div#accordion div.element p { display: block; padding-bottom: 10px; }
div#accordion div.element a.red-button { background: #a4221e; font-size: 10px; padding: 3px; line-height: 10px; text-decoration: none; color: #fff; }
div#accordion div.element a.red-button:hover { background: #c8221e; cursor: pointer; }
div#accordion div.sp-content { display: block; padding: 0 14px 14px 14px; font-size: 11px; }

/* panels */
div#panels { margin: 20px 0 0 0; padding: 0; position: static; color: #333; height: 400px; }
div#panels div.p-column { float: left; display: block; }
div#panels div.panel { overflow: hidden; margin: 0; padding: 10px 10px; width: 255px; height: 120px; display: block; background: url(../img/bg-panels.gif); margin: 0 6px 6px 0; border: solid #fff; border-width: 0 0 10px 0; }

div#panels div.pn-left { }

div#panels div.panel h3 { font-family: verdana, sans-serif; color: #5a638f; font-size: 14px; margin-bottom: 4px; font-weight: bold; }
div#panels div.panel ul { font-family: verdana, sans-serif; font-size: 11px; }
div#panels div.panel ul li { font-family: verdana, sans-serif; list-style: disc; margin-left: 12px; line-height: 15px; }
a:link.myheader { color: #dd9201; }
a:hover.myheader { color: #ffffff; }