html { background: #fff; }

#doc4,
#rss_and_contact div.content { width: 73.846em; *width: 72em; }

#doc4 { margin-top: 3em; background: transparent url(/images/sprites.jpg) no-repeat; background-position: -960px -300px; }
#doc4.homepage { background-position: 0 -300px; }
#doc4.yui-t2 .yui-b { width: 220px; }
#doc4.yui-t2 #yui-main .yui-b { width: auto; margin-left: 250px; }

/******* Absolute positioned ******/
#hd ul.menu,
#hd a#logo,
#hd blockquote,
#hd a#screencast,
#hd a#latest_release_name,
#hd a.tux,
#hd a.apple,
#hd .buy_try,
#doc_ft a,
#rss_and_contact,
#ft #references { display: block; position: absolute; z-index: 5; }

/******* Relative position wrappers ******/
#hd,
#bd,
#doc_ft,
#ft { position: relative; z-index: 2; }

/******* Header ******/
#hd { height: 265px; overflow: hidden; }
#hd a#logo,
#hd a#screencast,
#hd a.tux,
#hd a.apple { bottom: 50px; text-decoration: none; overflow: hidden; text-indent: -3000px; }
#hd a.tux { width: 35px; height: 30px; bottom: 5px; left: 195px; }
#hd a.apple { width: 45px; height: 30px; bottom: 5px; left: 240px; }
#hd a#screencast { left: 125px; top: 112px; width: 185px; height: 185px; background: transparent url(/images/play_button.png) no-repeat -140px 0; }
#hd a#screencast:hover { background-position: -140px -220px; }
#hd a#logo { top: 80px; left: 20px; width: 380px; height: 80px; }
#hd a#latest_release_name { color: white; font-weight: bold; font-size: 85%; top: 111px; left: 400px; z-index: 9; text-decoration: none; }
#hd a#latest_release_name:hover { text-decoration: underline; }

#hd ul.menu { display: block; margin-left: 250px; margin-top: 20px; }
#hd ul.menu li { display: block; float: left; }
#hd ul.menu li a { display: block; float: left; padding: .3em 1.5em .7em 1.5em; color: #555; font-weight: bold; text-decoration: none; font-size: 93%; }
#hd ul.menu li a:hover { text-decoration: underline; }
#hd ul.menu li.has_active_child a,
#hd ul.menu li.active_by_url a,
#hd ul.menu li.active a { background: #0574ac; color: white; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }

#hd blockquote { width: 380px; right: 40px; top: 95px; color: white; text-align: right; height: 76px; }
#hd blockquote h3 { font-size: 167%; }
#hd blockquote a { display: block; text-align: left; position: absolute; z-index: 9; text-indent: -3000px; bottom: 0; height: 37px; overflow: hidden; text-decoration: none; }
#hd blockquote a.buy { width: 127px; right: 0; }
#hd blockquote a.demo { width: 158px; right: 150px; }

#doc4.homepage #hd { height: 370px; }
#doc4.homepage #hd a#logo { left: 440px; }
#doc4.homepage #hd #latest_release_name { left: 820px; top: 114px; }
#doc4.homepage #hd ul.menu li.has_active_child a,
#doc4.homepage #hd ul.menu li.active_by_url a,
#doc4.homepage #hd ul.menu li.active a { background: #238abe; }
#doc4.homepage #hd blockquote { right: 40px; top: 180px; height: 77px; }

#doc4.homepage #bd p.description { font-size: 93%; color: #666; line-height: 150%; margin-bottom: 2.5em; text-align: justify; font-weight: bold; }
#doc4.homepage #bd .yui-ge .icon { float: left; width: 47.1%; margin-right: 5%; background: transparent url(/images/icons/bulb_48.png) no-repeat; margin-bottom: 2em; }
#doc4.homepage #bd .yui-ge .icon div { padding-left: 60px; }
#doc4.homepage #bd .yui-ge .icon h2 { margin: 0 0 .2em 0; font-size: 131%; color: #444; font-weight: bold; }
#doc4.homepage #bd .yui-ge .icon h2 a { color: #444; text-decoration: none; }
#doc4.homepage #bd .yui-ge .icon h2 a:hover { text-decoration: underline; }
#doc4.homepage #bd .yui-ge .icon p { font-size: 85%; color: #666; text-align: justify; }
#doc4.homepage #bd .yui-ge .user_interface,
#doc4.homepage #bd .yui-ge .export { margin-right: 0; }
#doc4.homepage #bd .yui-ge .do_once { background-image: url(/images/icons/time_frame_48.png); }
#doc4.homepage #bd .yui-ge .user_interface { background-image: url(/images/icons/impmultimedia_lcd_Monitor_48.png); }
#doc4.homepage #bd .yui-ge .no_bugs { background-image: url(/images/icons/whiteboard_bug.png); }
#doc4.homepage #bd .yui-ge .export { background-image: url(/images/icons/impaccounting_calculation_48.png); }
#doc4.homepage #bd .widget div.newsflash { margin-left: 0.5em; }
#doc4.homepage #bd #homepage_footer { margin-top: 1em; padding-top: 2em; border-top: 1px solid #ddd; clear: both; }
#doc4.homepage #bd #homepage_footer h3 { color: #2b85b2; font-weight: bold; font-size: 116%; margin-bottom: 1em; }
#doc4.homepage #bd #homepage_footer h3 a { color: #2b85b2; text-decoration: none; }
#doc4.homepage #bd #homepage_footer h3 a:hover { text-decoration: underline; }
#doc4.homepage #bd #homepage_footer .article_list h3 { margin-top: 0; margin-bottom: .2em; font-size: 93%; }
#doc4.homepage #bd #homepage_footer .article_list p { margin-bottom: 2em; margin-right: 1em; color: #555; }
#doc4.homepage #bd #homepage_footer .article_list p.article_metadata { margin: 0; }
#doc4.homepage #bd #homepage_footer .read_more { margin: -1em 0 0 0; }
#doc4.homepage #bd #homepage_footer .read_more a { color: #555; font-weight: bold; text-decoration: none; font-size: 85%; }
#doc4.homepage #bd #homepage_footer .read_more a:hover { color: black; text-decoration: underline; }
#doc4.homepage #bd #homepage_footer .widget { position: relative; z-index: 3; }
#doc4.homepage #bd #homepage_footer .widget div.newsflash p { color: #2b85b2; font-size: 93%; margin-bottom: 2em; }
#doc4.homepage #bd #homepage_footer .widget div.newsflash p a { font-weight: bold; color: #2b85b2; text-decoration: none; }
#doc4.homepage #bd #homepage_footer .widget div.newsflash p a:hover { text-decoration: underline; }
#doc4.homepage #bd #homepage_footer .twitter_bird { display: block; text-decoration: none; text-indent: -3000px; overflow: hidden; position: absolute; width: 50px; height: 40px; z-index: 9; right: 0; top: -1em; background: transparent url(/images/sprites.jpg) no-repeat -180px -200px; }

/* BODY */
#bd { margin: 0 38px 0 30px; }
.content { margin: 0 1em 0 0; }
#full_content.content { margin-left: 1em; }
.content h1 { font-size: 197%; margin-bottom: 1em; font-size: #222; }
.text_content h2 { font-size: 146.5%; font-weight: bold; margin: 1em 0 .5em 0; color: #222; }
.text_content h2 a { color: #222; text-decoration: none; }
.text_content h2 a:hover { text-decoration: underline; }
.text_content h3 { font-size: 116%; font-weight: bold; margin: 1.5em 0 .5em 0; color: #2B85B2; }
.text_content h3 a { text-decoration: underline; color: #2B85B2; }
.text_content h4 { margin: 1em 0 .5em 0; font-weight: bold; color: #333; clear: both; }
.text_content strong { font-weight: bold; }
.text_content em { font-style: italic; }
.text_content strong em { font-weight: bold; }
.text_content a { color: #048; }
.text_content a:hover { color: #333; }
.text_content p { color: #444; text-align: justify; line-height: 140%; margin-bottom: 1em; }
.text_content p img { float: left; vertical-align: top; margin: .3em .5em 1em 0; }
.text_content div.perex p { font-weight: bold; line-height: 130%; color: #777; font-size: 116%; }
.text_content div.perex p em { font-weight: bold; }
.text_content div.perex p strong { color: #555; }
.text_content ol,
.text_content ul { padding-left: 1.5em; margin-bottom: 1em; }
.text_content ol ol,
.text_content ol ul,
.text_content ul ol,
.text_content ul ul { padding-left: 1.2em; margin-bottom: 0; margin-top: .4em; }
.text_content ol li, 
.text_content ul li { margin-bottom: .4em; color: #444; }
.text_content ol li { list-style: decimal; color: #444; }
.text_content ul li { list-style: square; }
.text_content ol ol li { list-style: lower-alpha; }
.text_content ul ul li { list-style: circle; }
.text_content ol ul li { list-style: square; }
.text_content ul ol li { list-style: decimal; }
.text_content pre { background: #eee; border: 1px solid #ddd; padding: .5em; width: 50em; margin-bottom: 1em; font-family: monospace; white-space: pre; overflow: auto; overflow-y: hidden; }
.text_content pre code { overflow: auto; overflow-y: hidden; color: black; }
.text_content blockquote { margin: 0 0 1em .5em; border-left: .4em solid #ddd; padding-left: .4em; }
#bd hr { margin: 0; border-style: none; background: transparent; height: 1px; overflow: hidden; clear: both; *visibility: hidden; *margin: 0; }
.text_content a.download { display: inline-block; margin: 1em 0 .2em 0; text-decoration: none; font-size: 197%; font-weight: bold; color: #999; }
.text_content a.download img { float: none; display: inline; margin: 0 .3em 0 0; vertical-align: middle; }
.text_content a.download:hover { color: #555; text-decoration: underline; }
.text_content .align_left { float: left; margin: 0 1em 1em 0; }
.text_content .align_right { float: right; margin: 0 0 1em 1em; }
.text_content .align_center { clear: both; margin: 1em auto; float: none; }
.text_content .article_images { }
.text_content .article_images .image { display: inline-block; margin: 1em 1em 0 0; }
.text_content .article_images .image img { border: 1px solid #ccc; padding: 1px; vertical-align: top; }
.text_content .images { background: #f5f5f5; float: left; width: 100%; clear: both; margin: .5em 0; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.text_content .images img { float: left; padding: 5px; background: white; margin: 10px 0 10px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.text_content table { margin: 1em 0; }
.text_content table th, 
.text_content table td { vertical-align: top; text-align: left; padding: .25em 1em; border-bottom: 1px dotted #ddd; }
.text_content table th { font-weight: bold; border-bottom: 1px solid #999; color: #2B85B2; }
.text_content table td.number { text-align: right; }
.text_content table td.price { text-align: right; font-weight: bold; }
.text_content table td.canceled_price { color: #999; font-weight: normal; text-decoration: line-through; font-style: italic; }
.text_content table td.active_price { color: #f00; }
.text_content table tfoot td { border-style: none; font-size: 85%; }
.text_content .shareit { margin-bottom: 2em; }
.text_content p.article_metadata { font-size: 77%; margin-top: -1em; }
.text_content div.tag_list p { font-weight: normal; font-size: 100%; color: #444; }

.widget div.newsflash { margin: 0 0 2em 1em; }
.widget div.newsflash h2 { font-size: 108%; color: #555; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 .5em 0; }
.widget div.newsflash h2 a { color: #555; text-decoration: none; }
.widget div.newsflash h2 a:hover { text-decoration: underline; }
.widget div.newsflash h3 a { font-size: 93%; text-decoration: none; color: #555; font-weight: bold; }
.widget div.newsflash h3 a:hover { text-decoration: underline; }
.widget div.newsflash p { font-size: 85%; color: #888; margin-bottom: 1em; }
.widget div.newsflash p a { color: #555; }
.widget div.newsflash p a:hover { color: #222; }

.widget div.tag_list { margin-bottom: 7em; }
.widget div.tag_list img { float: left; margin-bottom: .5em; }
.widget div.tag_list h2 { font-size: 108%; color: #2B85B2; font-weight: bold; margin: 0; padding-top: .5em; }
.widget div.tag_list ul { padding: 0 0 0 2em; text-align: left; clear: both; }
.widget div.tag_list ul li { margin-bottom: .5em; list-style: square; }
.widget div.tag_list ul li a { font-size: 93%; text-decoration: none; color: #555; font-weight: bold; }
.widget div.tag_list ul li a:hover { text-decoration: underline; }

.widget .framework_description { margin: 0 0 2em 0; }
.widget .framework_description img { margin-bottom: .5em; }
.widget .framework_description p { font-size: 85%; color: #666; margin-bottom: 1em; }

.text_content #message_sent h2 { color: #327A2E; }

#bd #testimonies { float: left; width: 100%; color: #888; overflow: hidden; padding-top: 15px; clear: both; z-index: 2; position: relative; background: #f5f5f5; border-top: 1px solid #ddd; height: 145px; }
#bd #testimonies h2 { color: #666; font-size: 85%; font-weight: bold; margin-bottom: 1em; text-indent: 20px; }
#bd #testimonies ul { display: block; float: left; width: 1120px; }
#bd #testimonies li { display: block; float: left; width: 230px; padding: 0 30px 0 20px; height: 100px !important; overflow: hidden; }
#bd #testimonies li q { color: #999; font-style: italic; }
#bd #testimonies li p { font-size: 85%; color: #999; margin-top: 1em; text-align: right; font-weight: bold; }
#bd #testimonies li p a { color: #999; }
#bd #testimonies .carousel-previous { display: none; }
#bd #testimonies .carousel-next { display: block; position: absolute; z-index: 5; width: 35px; height: 95px; background: transparent url(/images/sprites.jpg) no-repeat; background-position: -670px -22px; cursor: pointer; right: 0; bottom: 35px; text-indent: -3000px; overflow: hidden; }

#bd .license_form h2, 
#bd .contact_form h2 { font-size: 116%; font-weight: bold; margin: 1.5em 0; color: #2B85B2; }
#bd form fieldset { margin-bottom: 2em; border-top: 1px solid #aaa; padding: 0 .5em; }
#bd form fieldset legend { display: inline-block; background: white; padding: 0 1em; margin-left: 1em; color: #666; font-size: 85%; font-weight: bold; }
#bd form ul { margin: 1em 0; }
#bd form ul li { display: block; margin-bottom: .8em; }
#bd form ul li label { display: inline-block; text-align: right; margin-right: 1%; width: 20%; font-size: 93%; color: #444; }
#bd form ul li.required label { font-weight: bold; color: #000; }
#bd form ul li label:after { content: ":" }
#bd form ul li input.text,
#bd form ul li textarea { display: inline-block; border: 1px solid #ccc; padding: .3em .5em; width: 73%; color: #333; vertical-align: middle; }
#bd form ul li input.text { font-size: 108%; font-weight: bold; }
#bd form ul li textarea { vertical-align: top; }
#bd form ul li input.number { width: 6em; }
#bd form ul li input.short { width: 12em; }
#bd form ul li input.submit { margin-top: 2em; margin-left: 21.7%; color: #444; cursor: pointer; font-size: 108%; font-weight: bold; padding: .2em 1em; }
#bd form ul li sup { color: #c00; font-weight: bold; }
#bd form .error_list { display: block; margin-left: 21.7%; width: 68%; color: red; font-size: 85%; }
#bd form .error_list li { margin: 0; }

#bd .license_form .quantity a { color: #666; font-size: 85%; }
#bd .license_form .quantity a:hover { color: #2B85B2; }
#bd .license_form .quantity span { margin: 0 .5em; font-size: 85%; }
#bd .license_form .price { font-weight: bold; margin-top: .5em; *margin-top: 1em; color: #666; float: left; width: 100%; }
#bd .license_form .price h3 { display: block; float: left; width: 20%; margin-right: 1%; text-align: right; font-weight: bold; color: #444; }
#bd .license_form .price strong { display: block; width: 73%; float: left; }
#bd .license_form .price strong em { color: #2B85B2; font-weight: bold; }
#bd .license_form .price img { vertical-align: top; }
#bd .license_form .purchase_info { margin: 1em 0; float: left; width: 100%; }
#bd .license_form .purchase_info p { margin: 0 1em .5em 21%; font-size: 93%; color: #555; }
#bd .license_form .purchase_info p strong { font-weight: bold; }
#bd .license_form .purchase_info p a { color: #555; text-decoration: underline; }
#bd .license_form .purchase_info p a:hover { color: black; }
#bd .license_form .yui-ge .icon { display: block; background: transparent url(/images/sprites.jpg) no-repeat; }
#bd .license_form .yui-ge .paypal_icon { background-position: -184px -25px; width: 120px; height: 145px; margin-top: 1em; text-indent: -3000px; overflow: hidden; text-decoration: none; }
#bd .license_form .yui-ge .pricing_icon { background-position: -318px -98px; width: 125px; height: 130px; margin: -1em 0 1em .7em; }
#bd .license_form .yui-ge .text_content { margin-top: .7em; }
#bd .license_form .yui-ge .text_content h2 { margin: 0 0 .5em 0; font-size: 93%; color: #888; font-style: italic; }
#bd .license_form .yui-ge .text_content h2 strong { color: #333; font-style: italic; }
#bd .license_form .yui-ge .text_content h2.vat { margin-top: 2em; }
#bd .license_form .yui-ge .text_content p { font-size: 85%; text-align: left; color: #555; }
#bd .license_form .notice { background: #f5f5f5; color: #666; border: 1px solid #eee; padding: .5em; width: 80%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#bd .license_form .notice .ui-icon { display: inline-block; background: transparent url(/images/sprites.jpg) no-repeat; width: 16px; height: 16px; overflow: hidden; margin-right: .5em; vertical-align: top; }
#bd .license_form .notice .ui-notice { background-position: 0 -190px; }
#bd .license_form .notice a { color: #444; }
#bd .license_form .notice a:hover { color: #2B85B2; }

/* Supported frameworks */
#bd.supported-frameworks .article_text { margin-left: 210px; }
#bd.supported-frameworks .article_text img { margin-left: -210px; }

#bd.features .article_text { margin-left: 140px; }
#bd.features .article_text h2,
#bd.features .article_text img { margin-left: -140px; }

#bd.support .content h1 { color: #666; font-size: 153.9%; }
#bd.support .content .yui-g { margin-bottom: 2em; }
#bd.support .content .yui-g .yui-gf .yui-u { float: left; width: 80%; }
#bd.support .content .yui-g .yui-gf .first { width: 17%; }
#bd.support .content .yui-g .text_content h2 { font-size: 116%; font-weight: bold; margin: 0 0 .5em 0; color: #2B85B2; }
#bd.support .content .yui-g .widget { background: #f5f5f5; padding: .5em; }
#bd.support .content .yui-g .widget h2 { margin-top: 0; }
#bd.support .content .text_content a { color: #444; text-decoration: underline; }
#bd.support .content .text_content a:hover { color: #2B85B2; text-decoration: underline; }
#bd.support .content .text_content h4 { margin-bottom: 0; }
#bd.support .content .text_content p.article_metadata { margin: 0; color: #999; }
#bd.support .content .content_wrapper { padding: 1em; border-left: 3px solid #ddd; background: #f5f5f5; }
#bd.support .content .first .content_wrapper { padding: 1em; border-style: none; background: transparent; padding-left: 0; }
#bd.support .content .read_more { display: block; margin-top: 3em; text-align: right; font-weight: bold; }
#bd.support .content table {}
#bd.support .content table td { border-style: none; padding-bottom: 1em; }
#bd.support .content table td h4 { margin-top: 0; }
#bd.support .content table td.date { font-size: 85%; color: #999; width: 6em; padding-top: .5em; }

/* Features */
#bd #yui-main .features .article_text { margin-left: 120px; }
#bd #yui-main .features .article_text h2 { margin-left: -120px; }
#bd #yui-main .features .article_text li img { margin-left: -140px; border: 5px solid #ddd; margin-top: -.1em; *margin-top: -1em; }
#bd #yui-main .features .article_text img { margin-top: .5em; }
#bd #yui-main .features .article_text img { border: 5px solid #ddd; }

#bd #yui-main .howto .article_text img { margin-top: .5em; }

#bd .content .tour_videos .video { margin: 0 2em 2em 0; position: relative; z-index: 2; width: 320px; float: left; }
#bd .content .tour_videos .video.even { margin-right: 0; }
#bd .content .tour_videos .video h2 { margin-top: 0; border-bottom: 2px solid #eee; }
#bd .content .tour_videos .video p { height: 2.5em; }
#bd .content .tour_videos .video a { display: block; height: 250px; background: #444; }
#bd .content .tour_videos .video span { display: block; width: 185px; height: 185px; background: transparent url(/images/play_button.png) no-repeat -140px 0; position: absolute; top: 50%; left: 50%; z-index: 5; cursor: pointer; margin: -40px 0 0 -95px; }
#bd .content .tour_videos .video:hover span { background-position: -140px -220px; }

#bd .content .full_video .video { margin-right: 0; width: 650px; float: none; }
#bd .content .full_video .video a { height: auto; background: transparent; }

#bd .content .inline_videos { margin: 0 0 1em 2em; background: #eee; border: 1px solid #aaa; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: .5em; }
#bd .content .inline_videos h2 { color: #555; font-weight: bold; margin: 0 0 1em 0; font-size: 108%; }
#bd .content .inline_videos .video { margin: 1em 0 1.5em 0; position: relative; z-index: 2; }
#bd .content .inline_videos img { border: 3px solid #ddd; }
#bd .content .inline_videos a { width: 172px; height: 120px; text-align: center; background: #999; display: table-cell; vertical-align: middle; }
#bd .content .inline_videos .video span { display: block; width: 69px; height: 69px; background: transparent url(/images/play_button.png) no-repeat; position: absolute; top: 50%; left: 50%; z-index: 5; cursor: pointer; margin: -43px 0 0 -34px; _display: none; /* IE6 */}
#bd .content .inline_videos .video:hover span { background-position: 0 -69px; }
#bd .content .inline_videos h3 { color: #555; font-weight: bold; font-size: 85%; }
#bd .content .inline_videos p { color: #555; font-size: 85%; }

/* Left menu */
#secondary-column ul.menu { display: block; text-align: right; background: transparent url(/images/sprites.jpg) no-repeat right bottom; padding-bottom: 3em; padding-left: 1em; }
#secondary-column ul.menu li { border-bottom: 1px solid white; }
#secondary-column ul.menu li strong,
#secondary-column ul.menu li a { display: block; padding: .5em 1em .5em 0; color: #777; border-bottom: 1px solid #eaeaea; font-size: 116%; text-decoration: none; font-weight: bold; }
#secondary-column ul.menu li.item1 { border-top: 1px solid #eaeaea; }
#secondary-column ul.menu li.active { background: white; border-top-style: none; }
#secondary-column ul.menu li.active a,
#secondary-column ul.menu li a:hover { color: #222; }

#secondary-column .box { padding-left: 1em; color: #555; margin-top: 1em; }
#secondary-column .box .twitter_peek { margin-bottom: 3em; }
#secondary-column .box h3 { margin: 1em 0 .5em 0; font-size: 108%; color: #555; font-weight: bold; border-bottom: 1px solid #ddd; }
#secondary-column .box h3 a { color: #555; }
#secondary-column .box h4 { margin-bottom: .2em; font-size: 85%; font-weight: bold; color: #2B85B2; }
#secondary-column .box a { font-weight: bold; text-decoration: none; color: #2B85B2; }
#secondary-column .box a:hover { text-decoration: underline; }
#secondary-column .box p { text-align: left; font-size: 93%; margin-bottom: 1em; }
#secondary-column .box table { width: 100%; }
#secondary-column .box table td { width: 30px; vertical-align: top; text-align: left; }
#secondary-column .box table th { font-size: 85%; padding-bottom: .5em; color: #888; }
#secondary-column .box table th a { color: #555; text-decoration: underline; }
#secondary-column .box table th a:hover { color: #222; }

#doc_ft { background: transparent url(/images/sprites.jpg) no-repeat 0 -668px; height: 102px; }
#doc_ft a { color: #aaa; }
#doc_ft a:hover { color: #999; }
#doc_ft a.inventic { left: 12px; top: 65px; width: 10em; font-size: 85%; text-decoration: none; }
#doc_ft p { font-size: 85%; padding: 70px 20px 0 250px; color: #aaa; }
#doc_ft p strong { font-weight: normal; color: #888; }

/* FOOTER */
#ft { background: #b8babf; padding-top: 8px; margin-top: 3em; color: #9ba4ba; }
#ft #inner_ft { border-top: 1px solid white; background: #414654; padding-bottom: 1em; text-align: center; }
#ft #inner_ft .yui-gd,
#ft #inner_ft .yui-gb { width: 69.23em; *width: 67.5em; text-align: left; margin: 0 auto; }
#ft #inner_ft .yui-gb .yui-u { *margin-left: 1.5em; }
#ft #inner_ft .yui-gb .first { *margin-left: 0; }
#ft div.first p { margin-right: 1em; }
#ft h3 { font-size: 116%; text-transform: uppercase; margin: 1em 0; font-weight: bold; color: white; }
#ft h3 a { text-decoration: none; color: white; }
#ft h3 a:hover { text-decoration: underline; }
#ft h4 { font-weight: bold; font-size: 93%; margin-bottom: .2em; margin-right: 1em; }
#ft h4 a { color: #bfc6d7; text-decoration: none; }
#ft h4 a:hover { text-decoration: underline; }
#ft a { color: #848CA1;  }
#ft a:hover { color: white; }
#ft strong { font-weight: bold; }
#ft p { text-align: justify; font-size: 85%; margin-bottom: 1em; }
#ft ul { padding-left: 1.2em; margin-bottom: 1em; }
#ft ul li { list-style: square; margin-bottom: .3em; font-size: 93%; }
#ft ul li a { text-decoration: none; font-weight: bold; }
#ft ul li a:hover { text-decoration: underline; }

#ft .twitter { color: #9ba4ba; margin-top: 1em; }
#ft .twitter h4 { font-size: 85%; }
#ft .twitter p { text-align: left; font-size: 93%; margin-bottom: 1em; }
#ft #inner_ft .yui-gd { margin-top: 1em; border-top: 1px solid #5b6275; padding-top: 1em; }
#ft table { width: 100%; }
#ft table td { width: 30px; vertical-align: top; text-align: left; }
#ft table th { font-size: 85%; padding-bottom: .5em; }
#ft table h4 { margin-bottom: 0; }
#ft table img { margin-top: .2em; }

/* FOOTER */
#rss_and_contact { width: 100%; top: 0; left: 0; background: #434959 url(/images/sprites.jpg) no-repeat center top; height: 20px; overflow: hidden; text-align: center; }
#rss_and_contact a { color: #848c91; text-decoration: none; font-size: 85%; }
#rss_and_contact a:hover { text-decoration: underline; color: white; }
#rss_and_contact div.content { margin: 0 auto; text-align: left; }
#rss_and_contact ul.rss { display: block; float: right; width: 210px; }
#rss_and_contact ul.rss li { display: block; float: left; }
#rss_and_contact ul.rss a { display: block; width: 68px; padding: 4px 0 0 32px; }
#rss_and_contact ul.rss a.news { margin-right: 10px; }
#rss_and_contact div.contact { padding: 4px 0 0 60px; }