@charset "utf-8";
/* 
================================
OTTO BOCK C-LEG SCREEN CSS
(c)2009 OTTO BOCK
Created by: StoneArch Creative
================================
*/

/*
================================
TABLE OF CONTENTS
--------------------------------

I.   TYPOGRAPHY
II.  LAYOUT
III. NAVIGATION
IV.  CLASSES

=================================
*/

/*
=================================
I. TYPOGRAPHY
---------------------------------
*/
#sam {width:240px; height:128px; background-color:#03C; display:block; float:left; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2.4em;line-height:1;margin-bottom:0.5em; font-weight: bold; color:#1E6E83;}
h2 {font-size:1.55em;margin-bottom:0.75em; font-weight:bold;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; font-family: Arial, Helvetica, sans-serif; color: #999999;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p.list{margin: 0 0 0;}

a:focus, a:hover {color:#314998; text-decoration: underline;}
a {color:#314998; text-decoration:none;}
a:hover {text-decoration: none;}
a img{ border:0; }

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type: square;}
ul ul li {list-style-type:circle;}
ul ul ul li {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}


/*
=================================
II. LAYOUT
---------------------------------
*/
:focus { outline:0; }
body {font-size:75%;color:#666666;background:#fff;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

#blog {width:980px; margin:4px 0 0 0; padding: 0; display: block; float: left; }
#blog_rightside {width:260px; margin: 0; padding: 0; display: block; float:left; }
#blog_content {width: 680px; margin: 0 40px 0 0; padding: 0; display: block; float: left; text-align: left; }
#blog_content h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 0; padding: 0; color:#314998; }
#blog_content h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 0; padding: 0;}
#blog_content .paginate { width: 680px; text-align:center; margin: 5px 0 5px 0; padding: 0; display:block; float: left; }

#comm_side {width:240px; margin: 0; padding: 0; display: block; float:left; }
#comm_rside {width:240px; margin: 0; padding: 0; display:block; float:left; }
#comm_feature_blog {background:#e6e6e6; width: 710px; border-top: 3px solid white; border-bottom: 3px solid white; margin: 0; padding: 0; display: block; float:left; }
#comm_latest_blog {width: 740px; margin: 0; padding: 0; display: block; float:left; }
#comm_latest_news {width: 740px; margin: 0; padding: 0; display: block; float:left; }
#comm_resources {width: 710px; margin: 0 30px 0 0; padding: 0; display: block; float:left; border-top: dotted 1px #314998;}

#contact {width:980px; margin:4px 0 0 0; padding: 0; display: block; float: left; }

#faq_main { width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
#faq_accord {width:980px; overflow:hidden; margin:0 0 40px 0; padding:0; display:block; float: left; text-align: left;}
#faq_glossary {width:980px; overflow:hidden; margin:0 0 40px 0; padding:0; display:block; float: left; text-align: left;}

#howitworks { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; text-align: left;  background:url(/web_assets/images/bg_howitworks.png) repeat-x top; }
#howtoget { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; text-align: left; background:url(/web_assets/images/bg_howtoget.jpg) no-repeat top; }
#testdrive { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; text-align: left; }
#hiw_swf { width:400px; margin:0; padding:0; display:block; float:left; }
#hiw_rside { width:400px; margin:40px 30px 0 0; padding:0; display:block; float:left; }
#testdrive_rside { width:340px; margin:20px 20px 10px 0; padding:20px; display:block; float:right; background:#dedede; border-bottom:4px solid #314998;}
#testdrive_rside h2 { font-weight:bold; font-size:1.2em; line-height: 14px; padding:0; color:#314998; }
#testdrive_rside label {display:block; float:left; width:100px; text-align:left; margin-right:10px; padding:5px 0 0 0; height:16px; font-size:12px; font-weight:normal; }
#testdrive_rside fieldset { border:none; }
#testdrive_rside input[type=text] {  width:180px; }
#testdrive_rside input[type=submit] { margin-left:252px; margin-bottom:10px; }
div#testdrive ul{color:#333;}
div#testdrive ol{color:#333; margin-top:-15px;}
#container {width: 980px; margin: 0; padding: 0; display:block;}
#header {width: 980px; margin: 0; padding: 0; display:block;}
#logo {width: 700px; margin:0; padding: 0; float:left; display:block;}
/*#logo {width: 855px; margin:0; padding: 0; float:left; display:block;}*/
#pageheader { width: 980px; display:block; float:left; }
#prof_main { width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
#prof_accord {width:980px; overflow:hidden; margin:0 0 40px 0; padding:0; display:block; float: left; text-align: left;}

#stories { width:980px; margin:4px 0 0 0; padding:0; display:block; float: left; }

#testdrivebutton {width: 155px; margin: 0; padding: 0; float: left; display: block;}
#profbutton {width: 125px; margin: 0; padding: 0; float: left; display: block;}
#content {width: 980px; margin: 4px 0 0 0; padding: 0; display:block; float:left;}
#homeflash {width: 980px; height: 540px; margin: 4px 0 0 0; padding: 0; display: block; float:left; } 
#features {width: 980px; height: 140px; background-color: #E6E6E6; margin: 8px 0 0 0; padding: 0; float: left; display: block;}
#blogbox {width: 448px; height: 106px; margin: 17px 60px 17px 30px; padding: 0; display: block; background:url(../images/bg_blogbox448.png) no-repeat bottom; float: left;}
#community_logo {width: 85px; margin: 12px 14px 12px 18px; padding: 0; display: block; float: left;}
#featuredblogs {width: 300px; margin: 0 ; padding: 0; display: block; float: left;}
#featuredblogs h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 5px 0; padding: 0;}
#featuredblogs p {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
#cycle {width: 100px; margin: 10px 0 0 220px; padding: 0; display: block; float: left;}
#cycle p {font-weight: bold; font-size: 11px; margin: 0; padding: 0;}
#takeaction {width: 200px; margin: 28px 0 0 0; padding: 0; display: block; float: left;}
#takeaction p {font-weight: bold; line-height: 18px; margin: 0 0 4px 0; padding: 0;}
#forpros {width: 200px; margin: 28px 0 0 0; padding: 0; display: block; float: left;}
#forpros p {font-weight: bold; line-height: 18px; margin: 0 0 4px 0; padding: 0;}
#page {width: 720px; margin: 0; padding: 0; display: inline; float: left;}
#footer {width: 980px; height: 34px; margin: 10px 0 0 0; padding: 0; display: block; float:left;}
#footer p {font-weight: bold; font-size: 11px;}
#footer a {color: #999999; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer_contact {width: 700px; margin: 0; padding: 0; float: left; display: block;}
#copyright {width: 280px; margin: 0; padding: 0; float: left; display: block;}
#copyright p {margin: 0; padding: 0; font-weight: bold; font-size: 11px;}
#shareStory {width: 980px; height: 140px; background-color: #E6E6E6; margin: 8px 0 0 0; padding: 0; float: left; display: block;}
#storybox {width: 458px; height: 140px; margin: 0 80px 0 0; padding: 0; display: block; background:url(../images/comm_share.jpg) no-repeat; float: left;}
#alt_storybox {width: 458px; height: 140px; margin: 0 80px 0 0; padding: 0; display: block; background:url(../images/footer_stories.jpg) no-repeat; float: left;}

/*
=================================
III. NAVIGATION
---------------------------------
*/

#nav {width: 980px; height: 58px; margin:0; padding: 0; float:left; display:block;}
ul#main_nav {float: left; height: 58px; list-style: none; margin: 0; padding: 0; width: 980px; background: url(../images/main_nav.png) no-repeat;}
ul#main_nav li {
	float: left;
	display: block;
}
	
ul#main_nav li a#howitworks,
ul#main_nav li a#howtoget,
ul#main_nav li a#stories,
ul#main_nav li a#community,
ul#main_nav li a#faqs,
ul#main_nav li a#contact {
	background: url(/cleg/web_assets/images/main_nav.png) no-repeat;
	float: left;
	display:block;
	height: 58px;
	margin: 0px;
	position: relative;
	z-index: 100;
}

ul#main_nav li a#howitworks {background-position: -20px 0px;width: 187px; margin-left: 20px; display: inline;}
ul#main_nav li a#howtoget {background-position: -207px 0px;width: 171px;}
ul#main_nav li a#stories {background-position: -378px 0px;width: 134px;}
ul#main_nav li a#community {background-position: -512px 0px;width: 159px; margin-right: 173px;}
ul#main_nav li a#faqs {background-position: -844px 0px;width: 43px;}
ul#main_nav li a#contact {background-position: -887px 0px;width: 70px;}

ul#main_nav li a:hover#howitworks {background-position: -20px -58px;width: 187px;}
ul#main_nav li a:hover#howtoget {background-position: -207px -58px;width: 171px;}
ul#main_nav li a:hover#stories {background-position: -378px -58px;width: 134px;}
ul#main_nav li a:hover#community {background-position: -512px -58px;width: 159px;}
ul#main_nav li a:hover#faqs {background-position: -844px -58px;width: 43px;}
ul#main_nav li a:hover#contact {background-position: -887px -58px;width: 70px;}

ul#main_nav li a.selected#howitworks {background-position: -20px -116px;width: 187px;}
ul#main_nav li a.selected#howtoget {background-position: -207px -116px;width: 171px;}
ul#main_nav li a.selected#stories {background-position: -378px -116px;width: 134px;}
ul#main_nav li a.selected#community {background-position: -512px -116px;width: 159px;}
ul#main_nav li a.selected#faqs {background-position: -844px 0px;width: 43px;}
ul#main_nav li a.selected#contact {background-position: -887px 0px;width: 70px;}

ul#main_nav li a.selected:hover#howitworks {background-position: -20px -116px;width: 187px;}
ul#main_nav li a.selected:hover#howtoget {background-position: -207px -116px;width: 171px;}
ul#main_nav li a.selected:hover#stories {background-position: -378px -116px;width: 134px;}
ul#main_nav li a.selected:hover#community {background-position: -512px -116px;width: 159px;}
ul#main_nav li a.selected:hover#faqs {background-position: -844px -58px;width: 43px;}
ul#main_nav li a.selected:hover#contact {background-position: -887px -58px;width: 70px;}


#main_nav strong {display: none;}

#sidebar {width: 220px; margin: 0 0 0 20px; padding: 0; float: left; display: block;}

/*
=================================
IV. CLASSES
---------------------------------
*/
.blog { background:url(../images/bg_commrightbar.png); border-bottom: 6px solid #314998;}
.community { background:url(../images/comm_content_bg.png); border-bottom: 6px solid #314998;}
.commContent { text-align:left; width:610px; margin: 0 ; padding: 0; display: block; float: left;}
.commContent h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.commContent h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.commContent p {font-size: 12px; font-weight: bold; margin: 0 30px 0 13px; padding: 0;}
.commContentAlt { text-align:left; width:580px; margin: 0 ; padding: 0; display: block; float: left;}
.commContentAlt h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 5px 13px; padding: 0; color:#314998; }
.commContentAlt p {font-size: 12px; font-weight: bold; margin: 0 15px 0 13px; padding: 0;}
.commCycle { text-align: right; height: 22px; background: url(../images/comm_viewall.png) no-repeat; width: 160px; margin: 10px 0 20px 550px; padding: 0; display: block; float: left;}
.commCycle p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.commBlog { text-align: right; height: 22px; background: url(../images/comm_viewall.png) no-repeat; width: 144px; margin: 10px 0 20px 566px; padding: 0; display: block; float: left;}
.commBlog p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.commNews { text-align: right; height: 22px; background: url(../images/comm_viewall.png) no-repeat; width: 152px; margin: 10px 0 20px 558px; padding: 0; display: block; float: left;}
.commNews p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.commCycleAlt { text-align: right; width: 100px; margin: 5px 10px 10px 470px; padding: 0; display: block; float: left;}
.commCycleAlt p {font-weight: bold; font-size: 11px; margin: 0; padding: 0; color:#314998}

.commResources { text-align:left; width:580px; margin: 0 0 30px 0 ; padding: 0; display: block; float: left; }
.commResources h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.commResources h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.commResources p {font-size: 12px; font-weight: bold; margin: 0 30px 0 13px; padding: 0;}


.comm_shareText { text-align: left; height: 22px; width: 160px; margin: 70px 0 0 298px; padding: 0; display: block; float: left;}
.comm_shareText p {font-weight: bold; font-size: 12px; margin:5px 0 0 0; padding:0;}
.stories_shareText { text-align: left; height: 22px; width: 160px; margin: 48px 0 0 298px; padding: 0; display: block; float: left;}
.stories_shareText p {font-weight: bold; line-height:18px; font-size: 12px; margin:5px 0 0 0; padding:0;}

.contact { border-bottom: 6px solid #314998; text-align: left; }
.contact h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 0; padding: 0; color:#314998; }
.contact h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 0; padding: 0; color:#314998; }
.contact h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 0; padding: 0;}
.contact p {font-size: 12px; font-weight: bold; margin: 0 30px 0 0; padding: 0;}
.contact_mid {width:240px; margin: 0 0 0 240px; padding: 0; display:block; float:left; }
.contact_rside {width:720px; margin: 0 30px 0 30px; padding: 0; display:block; float:left; }

.faq { border-bottom: 6px solid #314998;}
.faq h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.faq h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.faq h4 { color:#314998; font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.faq p { font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.faq_accord_head { background-color: #e6e6e6; width:980px; margin:2px 0 0 0; padding:0; display:block; float: left; text-align: left; }
.faq_accord_head img{margin:7px; padding:0; display:block; float:left; }
.faq_accord_head h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 0 9px; padding: 0; color:#314998; display:block; float:left; }
.faq_accord_body { background-color: #efefef; width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
.faq_accord_body h2 {margin: 10px 10px 10px 20px;}
.faq_accord_body p {margin: 10px 10px 10px 20px;}
.faq_glossary_head { background-color: #e6e6e6; width:980px; margin:2px 0 0 0; padding:0; display:block; float: left; text-align: left; }
.faq_glossary_head img{margin:7px; padding:0; display:block; float:left; }
.faq_glossary_head h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 0 9px; padding: 0; color:#314998; display:block; float:left; }
.faq_glossary_body { background-color: #efefef; width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
.glossary_600w { width:600px; display:block; float:left; }
.faq_glossary_body h2 {margin: 20px 10px 0 20px;}
.faq_glossary_body p {margin: 0 10px 20px 20px;}

.howitworks { }
.hiw_text { width:520px; margin: 40px 0 0 30px; padding:0; display:block; float:left; }
.hiw_text h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 0 0 5px 0; padding: 0; color:#314998; }
.hiw_text h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 0; padding: 0;}
.hiw_text h4 { color:#314998; font-size: 12px; font-weight: bold; margin: 0 30px 20px 0; padding: 0;}
.hiw_text p { color:#333; font-size: 12px; font-weight: normal; margin: 0 30px 20px 0; padding: 0;}

.howtoget {  border-bottom: 6px solid #314998; }
.testdrive {  border-bottom: 6px solid #314998; }

.img_90 { margin: 0 90px 0 90px; padding:0; }

.professionals { border-bottom: 6px solid #314998;}
.professionals h2 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 20px 0 5px 13px; padding: 0; color:#314998; }
.professionals h6 { font-weight: normal; color: #999; font-size: .8em; margin: 0 0 10px 13px; padding: 0;}
.professionals h4 { color:#314998; font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.professionals p { font-size: 12px; font-weight: bold; margin: 0 30px 20px 13px; padding: 0;}
.prof_accord_head { background-color: #e6e6e6; width:980px; margin:2px 0 0 0; padding:0; display:block; float: left; text-align: left; }
.prof_accord_head img{margin:7px; padding:0; display:block; float:left; }
.prof_accord_head h3 {font-weight: bold; font-size: 1.2em; line-height: 14px; margin: 12px 0 0 9px; padding: 0; color:#314998; display:block; float:left; }
.prof_accord_body { background-color: #efefef; width:980px; margin:0; padding:0; display:block; float: left; text-align: left; }
.prof_accord_body h2 {margin: 10px 10px 10px 20px;}
.prof_accord_body p {margin: 10px 10px 10px 20px;}
.prof_dl_box { margin: 10px 0 10px 40px; padding: 0; width: 430px; display:block; float:left;}
.prof_dl_box p { margin: 16px 0 5px 0; padding: 0; }
.prof_dl_box h4 { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box_wide { margin: 10px 0 10px 40px; padding: 0; width: 900px; display:block; float:left;}
.prof_dl_box_wide p { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box_wide h4 { margin: 10px 0 10px 0; padding: 0; }
.prof_dl_box2 { margin: 10px 40px 10px 0; padding: 0; width: 430px; display:block; float:right; }
.prof_download { margin: 0 0 4px 0; padding: 0; width: 430px; background: url(/web_assets/images/bg_download.png) repeat-y; display:block; float:left; }
.prof_download p { font-weight: bold; color: #314998; line-height: 14px; font-size: 11px; margin: 4px 0 0 8px; padding: 0; display:block; float:left;}
.prof_download h4 { font-weight: bold; color: #FFF; font-size: 14px; margin: 3px 6px 3px 0; padding: 0; display:block; float:right;}
.prof_download:hover { background: none; background-color:#263e73; }
.prof_download:hover p {color:#FFF; text-decoration: none; }
.pagecount {font-size: 12px; font-weight: bold; }

.stories { border-bottom: 6px solid #314998;}

.noMP {margin: 0; padding: 0; float:left; display:block; }
.sizeme { overflow:hidden; width: 980px; height: 384px; display:block; float:left; margin:0; padding:0;}
.w130 {width:130px;}

/*
=================================
V.  THIRD-PARTY REQ (PLUG-IN)
---------------------------------
*/
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden;
/*overflow: scroll; /*leave this value alone*/
width: 300px; /*Width of Carousel Viewer itself*/
height: 59px; /*Height should enough to fit largest content's height*/
display:block;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.commcarousel {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden;
/*overflow: scroll; /*leave this value alone*/
width: 580px; /*Width of Carousel Viewer itself*/
height: 64px; /*Height should enough to fit largest content's height*/
display:block;
}

.commcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}.commcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* =================== sIFR ====================== */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #title h1 {
    font-family: Verdana;
    visibility: hidden;
	margin: 5px 0 0;
  }
}

#twitter_placeholder {
	display:block;
	float:left;
	width:980px;
	height:34px;
	background:#EFEFEF;
	margin:10px 0 0 0;
}

#twitter_placeholder p,
#twitter_placeholder h5{
	display:block;
	float:left;
	margin:10px 5px 5px 5px;
}

#twitter_placeholder img {
	float:right;
	margin-right: 20px;
}