/********************************
	Global
********************************/

html, body { width: 100%; min-height: 100%; }

body { background: #e5e5e5; color: #666; font-size:62.5%; text-align:center; font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0;}

/* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */

 * html body { font-size: 72.5%; }

/** Text Formatting **/

p, h1, h2, li, a { line-height: 1.4em; padding: 8px 0; margin: 0; letter-spacing: 0.03em; }

p { font-size: 1.3em; } 

h1, h2, h3, h4, h5, h6 {margin: 0; } 

h1 { color:#213a7e; font-size:2.1em; font-weight:normal; padding: 0 0 8px 0;}

h2 {color:#666666; font-size:1.5em;}

h1 span { display: none; }

a, a.link, a:visited { color: #213a7e; text-decoration: none; }

a:hover { color: #df7a1c; text-decoration: underline; }

ul { margin-top: 0; padding-top: 0; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: .5ex; }

sub { top: .5ex; }

img { border: 0px; }

/** Form Formatting **/

form { margin: 0; padding: 0; }

label { color: #005568; float: left; text-align: right; margin: 0 15px 0 0; display: block; width: 20em; font-weight: bold; padding: 5px 0 0 0; font-size: 1.3em; }

label span.required { font-size: .8em; font-weight:normal;padding: 0 2px; }

/** Clearfix **/

* html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ 

*+html .clearfix { min-height: 1%; } /* float clearing for IE7 */

.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */

:focus { -moz-outline-style: none; } /* removes selection border from around image in FF */

/********************************
	Containers
********************************/

div#container { width: 1000px; margin: 0 auto; padding: 0; position: relative; text-align: left; min-height: 100%; }

div#shadow { background: url(/themes/site_themes/salient/images/shadow_bg.png) repeat-y top left; } 

div#columns { background: #fff url(/themes/site_themes/salient/images/columns_bg.png) repeat-x bottom left; padding: 20px 28px 10px 28px; width: 800px; margin: 0 0 0 65px; position: relative; min-height: 520px; }

* html div#columns { height: 520px; }

div#columns li { font-size: 1.3em; }

div#page_header h1 { color: #132554; font-size: 2.4em; font-weight: normal; margin: 0 0 0 20px; padding: 5px 0 10px 5px; border-bottom: 2px solid #ddd; width: 670px; }

/********************************
	Header
********************************/

div#header { background: url(/themes/site_themes/salient/images/home_header_bg.png) repeat-y; height: 122px; position: relative; }

/** Logo **/

div#logo {  width: 250px; height: 100px; background-color: transparent; position: absolute; top: 41px; left: 50px; }

div#logo a { display: block; width: 100%; height: 100%; }

div#logo span { display: none; }

/** Nav **/

div#nav { position: absolute; top: 62px; right: 65px; }

div#nav ul li { float: left; display: block; padding: 0; margin: -4px 0 0 0;} /* width needed or else Opera goes nuts */

div#nav ul li a span { display:block; color: #213a7e; font-size: 1.2em; font-weight:bold; line-height:8px; margin:0; padding: 14px 14px 18px 14px; } 

div#nav a {display: block; position:relative; cursor:pointer; white-space:nowrap; margin: 0; padding: 0;}

div#nav ul li a:hover, div#nav ul li:hover, div#nav ul li a.sfhover, div#nav ul li.sfhover  { text-decoration: none; background: #dfdfdf url(/themes/site_themes/salient/images/nav_leftrule.png) left top no-repeat;}

div#nav ul li a:hover span, div#nav ul li:hover span, div#nav ul li a.sfhover span, div#nav ul li.sfhover span {background: url(/themes/site_themes/salient/images/nav_rightrule.png) right top no-repeat;}

div#nav ul li.here a { text-decoration: none; background: #dfdfdf url(/themes/site_themes/salient/images/nav_leftrule.png) left top no-repeat; }

div#nav ul li.here a span { background: url(/themes/site_themes/salient/images/nav_rightrule.png) right top no-repeat; }

div#nav ul li ul { position: absolute; top: 36px; left: -999em; }

div#nav li:hover ul, div#nav li.sfhover ul { color: #000; text-decoration: none; left:auto;} /* lists nested under hovered list items */

div#nav ul li ul a { display:block; text-align:center;  color: #213a7e; font-size: 1.1em; margin:6px 0; padding:0 10px; border-right: 1px solid #666; font-weight: normal; } 

div#nav ul li ul li.active a { font-weight: bold; }

div#nav ul li.here ul li a { background: none; }

div#nav ul li ul li.last a { border-right: 0px; }

div#nav ul li ul li a:hover, div#nav ul li ul li:hover, div#nav ul li ul li a.sfhover, div#nav ul li ul li.sfhover  { text-decoration: none; background: none; font-weight:bold;}

div#nav li#nav_about_salient:hover ul, div#nav li#nav_about_salient.sfhover ul  { right: 300px; width:450px;}

div#nav li#nav_therapy_focus:hover ul, div#nav li#nav_therapy_focus.sfhover ul  { right: 0px; width:800px; }

div#nav li#nav_product_development:hover ul, div#nav li#nav_product_development.sfhover ul  { right: 275px;}

div#nav li#nav_news:hover ul, div#nav li#news.sfhover ul  { right: 65px; }

div#nav li#nav_contact_us:hover ul, div#nav li#nav_contact_us.sfhover ul  { right: 5px; }

div#nav ul li#nav_about_salient.here ul { left: auto; right: 300px; width:450px; }

div#nav ul li#nav_therapy_focus.here ul { left: auto; right: 0px; width:800px; }

div#nav ul li#nav_product_development.here ul { left: auto; right: 275px; }


/** Search **/

div#utility { position: absolute; right: 44px; top: 0; }

div#utility form { position: absolute; top: 0px; right: 0px; padding: 4px 0 0 0; width: 200px; text-align: right; }

div#utility form input.text { font-size: 1.0em; display: block; float: left; padding: 6px 4px 2px 4px; margin: 0; border: 1px solid #ccc; width: 143px; height:14px; color: #666; }

div#utility form input.button { border: 0px; background: none; margin: 0; padding: 0; float: left; }

/********************************
	Footer
********************************/

div#footer { color: #666; text-align: left; padding: 22px 13px 25px 45px; position: relative; background: url(/themes/site_themes/salient/images/footer_bg.png) no-repeat top left; }

div#footer ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 25px; right: 55px; }

div#footer ul li { float: left; display: block; padding: 0 8px; border-right: 1px solid #666; }

div#footer ul li.last { border-right: 0px; }

div#footer ul li a { color: #666; font-size: .9em; text-decoration: underline; } 

div#footer ul li a:hover { color: #000; text-decoration: none; }

div#footer p { font-size: .9em; width: 360px; float: left; padding:4px 0 0 0; margin:0; }

/********************************
	Promos
********************************/

/** Top **/

div#top { border-bottom: 4px double #b1b1b1;}

div#top div#feature {width:561px; background: url(/themes/site_themes/salient/images/feature_couple.jpg) no-repeat top right; margin: 0 0 6px 0; float:left; min-height:270px;}

* html div#top div#feature {height:275px;}

div#top div#feature p, div#top div#feature h2 {width:350px;}

div#top div#feature p {font-size:1.3em; padding: 0 0 15px 0;}

div#top div#feature a {color:#213a7e; font-weight:bold;}

div#top div#feature_right {width: 200px; padding:0 0 0 7px; float:left; }

/** Bottom **/

div#bottom {padding: 12px 0 0 0;}

div#bottom p { font-size:1.2em; padding: 8px 0;}

div#bottom h1 { font-size:1.5em; padding: 0;}

div#bottom div#focus { width:500px; background:#fff url(/themes/site_themes/salient/images/focus_bottom.png) no-repeat bottom left; float: left; margin: -10px 20px 0 -28px; padding: 10px 18px 15px 28px;}

div#bottom div#news { width:260px; float:left; }

div#bottom div#news ul { font-size:1em; list-style:none; margin:0; padding:0;}

div#bottom ul li a {text-decoration:underline; list-style:none; margin:0; padding:0;}

div#bottom div#focus ul#chart { font-size:.8em; list-style:none; margin:0; padding:15px 5px 0 0; width:133px; text-align:right; float:left;}

div#bottom div#focus img { float:left;}

/********************************
	Content
********************************/

/** Right **/

div#right { width: 230px; position: absolute; top:30px; right: 0px;}

div#columns.one div#right {display: none;}

/** Left **/

div#left { width: 560px; padding: 0 10px 0 0; float: left; }

div#left li { font-size: 1.3em; }

div#columns.one div#left { width: 790px; }

/** Profiles **/

div#profiles div.profile {padding: 25px 0; border-bottom: 4px double #b1b1b1; }

div#profiles h1, div#profiles h2 {padding: 0;}

div#profiles h3 {font-weight:normal; font-style:italic; font-size: 1.3em; padding: 0 0 10px 0;}

div#profiles div.profile div.text {width:660px; float:left;}

div#profiles div.profile div.photo{padding:5px 30px 0 0; float:left;}

/** News **/

div#news_excerpt { padding: 25px 0; border-bottom: 4px double #b1b1b1; }

div#news_excerpt h1, div#profiles h2 {padding: 0;}

div#news_excerpt h3 {font-weight:normal; font-style:italic; font-size: 1.3em; padding: 0 0 10px 0;}

span.date { font-style:italic;  font-size: 1.3em; }

/** Pipeline **/

div#pipeline { width:500px; margin: -10px 0 0 -28px; padding: 10px 18px 15px 28px;}

div#pipeline ul li a {text-decoration:underline; list-style:none; margin:0; padding:0;}

div#pipeline ul#chart { font-size:.8em; list-style:none; margin:0; padding:15px 5px 0 0; width:133px; text-align:right; float:left;}

div#pipeline img { float:left;}

/** Logos **/

div#logos { clear: both; padding: 22px 0 0 165px; }