/* -----------------------------------------------------
	Structure
----------------------------------------------------- */
* { margin: 0; padding: 0; }

body { font: 62.5% Helvetica, Arial, sans-serif; color: #151515; background: #BCCCD7; }
#container { width: 922px; margin: 0 auto; margin-top: 15px; background: #fff url(/images/public/page_bg_repeat.jpg) repeat-y; }
#mast_head { position: relative; background: url(/images/public/page_bg_top.jpg) no-repeat; }
#mast_head h1 { position: relative; width: 850px; height: 130px; margin: 0 auto; background: url(/images/public/sbr_logo_main.jpg) no-repeat 0 75%; }
#mast_head h1 span { position: absolute; top: 50px; right: 0; font: normal 16px Georgia, Constantia, serif; text-align: right; text-transform: uppercase; letter-spacing: 1px; width: 735px; padding: 0 5px 3px 0; border-bottom: 1px solid #ccc; }
#mast_head h1 span a { color: #000; }
#mast_head p { position: absolute; top: 79px; right: 40px; font: normal 10px Arial, Helvetica, sans-serif; text-align: right; text-transform: uppercase; letter-spacing: 2px; width: 735px; color: #666; }
#page_footer { height: 18px; background: url(/images/public/page_bg_bottom.jpg) no-repeat; }
#banner { position: relative; width: 884px; margin: 0 auto; height: 130px; background: #fff; border-bottom: 1px solid #ccc; }
#banner ul { list-style: none; }
#content { position: relative; width: 854px; margin: 0 auto; padding: 5px 0 15px 0; }
#primary { position: relative; float: left; display: inline; width: 545px; padding: 10px 0 0 0; }
#secondary { float: right; display: inline; width: 280px; min-height: 400px; height: auto !important; height: 400px; border-left: 1px solid #e9e9e9; }
#secondary_inner { padding-bottom: 20px; }
#footer { font-size: 1.1em; color: #1E3A4D; line-height: 1.6em; width: 965px; margin: 0 auto; margin-top: 15px; text-align: center; }
#mast_footer { position: relative; font-size: 1.1em; color: #1E3A4D; width: 880px; margin: 0 auto; margin-top: 10px; }
#mast_footer p { line-height: 1.5em; margin: 0 0 10px 0; }
#mast_footer ul { position: absolute; top: 0; right: 0; }
#mast_footer ul li { display: inline; margin-left: 7px; }
#mast_footer a { color: #1E3A4D; border-bottom: 1px solid #A1B8C8; text-decoration: none; }
#mast_footer a:hover { border-bottom: 1px solid #8598A5; }

/* -----------------------------------------------------
	Nav Sub
----------------------------------------------------- */
#nav_sub { width: 100%; margin-bottom: 15px; background: url(/images/public/block_gradient.jpg) no-repeat bottom; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
#secondary #nav_sub h1 { font: normal 1.1em Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; letter-spacing: .15em; margin: 0 0; padding-left: 15px; padding-top: 7px; padding-bottom: 4px; background: #f6f6f6; }
#secondary #nav_sub ul { font-size: 1.1em; margin: 13px 0; padding-left: 30px; }
#secondary #nav_sub ul li { line-height: 1.3em; margin: 0 0 1px 0; }
#secondary #nav_sub ul li a { padding: 5px 0 3px 0; }
#secondary #nav_sub ul li a:hover { /**/ }

/* -----------------------------------------------------
	Headings
----------------------------------------------------- */
#content h1#page_title { font: normal 1.1em Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; letter-spacing: .08em; margin: 15px 0 0 0; padding-bottom: 3px; border-bottom: 1px solid #e9e9e9; }
#content p#logged_in_user { position: absolute; top: 20px; right: 0; font: normal 1.1em Helvetica, Arial, sans-serif; text-align: right; }
#primary h1 { font: normal 2.4em Constantia, Georgia, serif; margin: 0 5px 5px 0; }
#primary h2 { clear: both; font: normal 1.6em Constantia, Georgia, serif; letter-spacing: .04em; margin: 15px 0 5px 0; }
#primary h3 { clear: both; font: bold 1.2em Arial, Helvetica, sans-serif; color: #1F639A; text-transform: uppercase; letter-spacing: .08em; margin: 15px 0 5px 0; }
#secondary h1 { font: normal 13px Constantia, Georgia, serif; margin: 13px 0 5px 0; margin-left: 10px; padding-bottom: 1px; border-bottom: 1px solid #e9e9e9; }
h2#content-section { font-size: 125%; font-weight: normal; position: absolute; right: 45px; top: 0; margin: 0; }
h3#front-image { width: 699px; height: 219px; margin: 0 auto; padding: 0; background: #fff url(image_pathfront-image.jpg) no-repeat left top; }
#content h3 { font: normal 135% Georgia, "Times New Roman", Times, serif; margin: 5px 0 7px 0; }

/* -----------------------------------------------------
	Paragraphs
----------------------------------------------------- */
#primary p { font-size: 1.3em; line-height: 1.6em; color: #444; margin: 0 0 10px 0; }
#secondary p { font-size: 1.1em; line-height: 1.6em; color: #444; margin: 0 0 10px 12px; }

/* -----------------------------------------------------
	Lists
----------------------------------------------------- */
#primary ul { font-size: 1.2em; line-height: 1.7em; padding: 0 0 0 20px; margin: 10px 0; line-height: 150%; }
#primary ul li { padding: 0 0 0 5px; margin: 10px 0; list-style-type: square; }
/* -- [Article List] -- */
#primary ul#article_list { margin: 20px 0; }
#primary ul#article_list li { font-size: 14px; }

#secondary ul { padding: 0 0 0 25px; margin: 10px 0; }
#secondary ul li { font-size: 1.1em; list-style-type: disc; line-height: 1.2em; margin: 0 0 3px 0; }

/* -----------------------------------------------------
	Posts Formatting
----------------------------------------------------- */
#content .posts_company {  margin-bottom: 8px; }
#content .posts_company h1 { background: #eee; color: #555; font-size: 14px; margin-top: 4px; padding: 7px; padding-left: 12px; position: relative; }
#content .posts_company a,
#content .posts_company span { position: absolute; right: 12px; top: 7px; background: #ddd; color: #777; font-size: 12px; padding: 1px 4px; }
/* -- [---] -- */
#content .posts a.older_posts { font-size: 12px; }
#content .posts .post { border-bottom: 4px solid #eee; margin-bottom: 25px; padding-bottom: 25px; }
#content .posts .post:last-child { margin-bottom: 10px; }
#content .posts .post h3 { font-size: 22px; letter-spacing: 0; text-transform: none; }
#content .posts .post h3 a { color: #000; text-decoration: none; }
#content .posts .post h3 a:hover { text-decoration: underline; }
/* -- [Post Body] -- */
#content .posts .post .post_body { /* Empty Ruleset */ }
#content .posts .post .post_body p { font-size: 13px; line-height: 1.5; margin-bottom: 18px; }
#content .posts .post .post_body p.last { margin-bottom: 0; }
#content .posts .post .post_body ul { margin: 20px 0; padding-left: 20px; }
/* -- [Post Info] -- */
#content .posts .post .post_info { margin-top: 20px; }
#content .posts .post .post_info abbr { border-bottom: none; }
#content .posts .post .post_info ul { margin: 0; padding: 0; }
#content .posts .post .post_info ul li { display: inline; margin-right: 8px; }
/* -- [Post Attachments] -- */
#content .post_attachments { background: #eee; border: 1px solid #ddd; padding: 8px; }
#content .post_attachments h4 { color: #444; font-size: 11px; margin-bottom: 8px; }
#content .post_attachments ul { margin: 0; padding: 0; }
#content .post_attachments ul li { list-style: none; margin: 0 0 4px 0; padding: 0; }
#content .post_attachments ul li:last-child { margin-bottom: 0; }
#content .post_attachments ul li a { background: url(/images/public/doctype_icons.gif) no-repeat; padding: 2px 0 2px 21px; }
#content .post_attachments ul li a.doc_link { background-position: 0 -30px; }
#content .post_attachments ul li a.xls_link { background-position: 0 -60px; }
#content .post_attachments ul li a.pdf_link { background-position: 0 -90px; }
#content .post_attachments ul li a.zip_link { background-position: 0 -120px; }

/* -----------------------------------------------------
	Staff
----------------------------------------------------- */
#bio { margin-bottom: 15px; border-bottom: 1px solid #d1d1d1; }
#bio img { background: #d1d1d1; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; float: left; margin: 0 15px 8px 0; padding: 3px; }
#primary #bio h1 { font-size: 18px; }
#bio span { display: block; font-size: 12px; font-style: italic; margin-top: 3px; margin-bottom: 8px; }

/* -----------------------------------------------------
	Nav Main
----------------------------------------------------- */
#nav_main { position: relative; width: 884px; margin: 0 auto; }
#nav_main ul { float: left; display: inline; width: 100%; font-size: 1.1em; font-weight: bold; letter-spacing: .03em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#nav_main ul li { float: left; display: inline; text-align: center; }
#nav_main ul li a { float: left; display: block; color: #333; text-decoration: none; padding: 8px 0 7px 0; }
#nav_main ul li#homepage a,
#nav_main ul li#about a,
#nav_main ul li#technology a,
#nav_main ul li#articles a,
#nav_main ul li#contact a { width: 120px; border-right: 1px solid #ddd; }
#nav_main ul li#homepage a { border-left: none; }
#nav_main ul li#contact a { width: 122px; border-right: none; }
#nav_main ul li#links a,
#nav_main ul li#investors a { width: 138px; border-right: 1px solid #ddd; }

body.about li#about a,
body.history li#about a,
body.staff li#about a,
body.technology li#technology a,
body.articles li#articles a,
body.links li#links a,
body.investors li#investors a,
body.contact li#contact a,
#nav_main ul li a:hover,
#nav_main ul li a.active_tab { color: #000; background: #f1f1f1; }

/* -----------------------------------------------------
	Contact
----------------------------------------------------- */
#contact_info { float: right; width: 180px; text-align: right; margin: 0 0 15px 15px; padding: 10px 15px 0 15px; background: #FCF9DB; border: 1px solid #F0D508; }

/* -----------------------------------------------------
	Form Styling
----------------------------------------------------- */
form { margin-top: 20px; }
form fieldset { border: none; }
form legend { display: none; }
form .row { margin: 0 0 12px 0; }
form .save_actions { border-top: 1px dashed #ccc; font-size: 13px; margin-top: 10px; padding-top: 10px; }
form label { display: block; font-size: 13px; font-weight: bold; margin-bottom: 3px; }
form input[type="text"],
form input[type="password"] { font-size: 14px; padding: 4px; width: 380px; }
form textarea { font-size: 14px; height: 120px; padding: 4px; width: 380px; }

form input[type="text"],
form input[type="password"],
form textarea { font-family: Arial, Helvetica, sans-serif; }

form input[type="submit"] {  }
form input[type="text"].blur { color: #999; }

/* -----------------------------------------------------
	Images
----------------------------------------------------- */
a img { border: none; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin: 12px auto; border: 3px solid #e1e1e1; }
img.alignright,
img.alignleft { display: inline; padding: 3px; border: 1px solid #c1c1c1; }
img.alignleft { margin: 5px 15px 15px 0; }
img.alignright { margin: 5px 0 15px 15px; }
.alignright { float: right; }
.alignleft { float: left; }

/* -----------------------------------------------------
	Links
----------------------------------------------------- */
a { color: #0066CC; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: none; }
#content a { color: #0066CC; text-decoration: none; }
#content a:visited {  }
#content a:hover { text-decoration: underline; }
#footer a, #footer a:visited { color: #151515; padding: 0 2px; text-decoration: none; }
#footer a:hover { background-color: #ACC0CD; }

/* -----------------------------------------------------
	Common, Misc...
----------------------------------------------------- */
.hidden, hr { display: none; }
.clear { clear: both; }

/* -----------------------------------------------------
	P.I.E. FLOAT CLEARING
	www.positioniseverything.net/easyclearing.html
----------------------------------------------------- */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Fixes IE/Mac */
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* -----------------------------------------------------
	Flashes
----------------------------------------------------- */
#warning,
#notice { font-size: 14px; font-weight: bold; margin: 10px auto 0 auto; padding: 8px 0; width: 884px; }
#warning { background: #CC0000; color: #FFDEDF; }
#notice { background: #FFF1A8; color: #242424; }
/* -- [Wrap] -- */
#warning_wrap,
#notice_wrap { }
/* -- [Paragraphs] -- */
#warning_wrap p,
#notice_wrap p { margin: 0; padding: 0; text-align: center; }
#warning_wrap p span,
#notice_wrap p span { margin: 0; padding: 0; }
#warning_wrap p span {  }
#notice_wrap p span {  }
/* -- [Links] -- */
#warning_wrap a,
#notice_wrap a { padding: 0 5px; text-decoration: underline; }
#warning_wrap a { color: #fff; }
#notice_wrap a { color: #CC0000; }

/* -----------------------------------------------------
	Form Notices
----------------------------------------------------- */
div#errorExplanation { background: #c00; border: 3px solid #b00000; color: #fff; margin: 0px 10px 15px 0; padding: 10px 15px; }
div#errorExplanation h2 { border-bottom: 1px solid #b00000; color: #fff; font-size: 16px; margin-bottom: 7px; }
div#errorExplanation p { font-size: 12px; }
div#errorExplanation ul { margin: 10px 0; padding: 0 0 0 14px; }
div#errorExplanation ul li { font-size: 12px; margin-bottom: 5px; line-height: 1.5; }