a:link {color:#0033CC; text-decoration:underline;}
a:visited {color:#0033CC; text-decoration:underline;}
a:hover {color:#3366FF; text-decoration:none;}

body#home {font-size:62.5%; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0; background:url(images/home/page-bg.png) repeat-x #f2f2f2;}
body#sub {font-size:62.5%; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0; background:url(images/sub/page-bg.png) repeat-x #f2f2f2;}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

p {margin:20px 0; line-height:1.6em;}

form {margin:0;}

ul {list-style-type:square;}

img {border:none;}
img { -ms-interpolation-mode: bicubic; }
.aright {float:right; margin:20px 0 20px 20px; border:5px solid #FFFF99;}
.acenter {margin:0 auto; border:5px solid #FFFF99; display:block;}
.aleft {float:left; margin-right:20px;}

.clear {clear:both; font-size:1px;}
.clrtxt {clear:both;}

.nomargin {margin:0;}

ul, li {list-style:none; padding:0; margin:0;}


/* ----- MAIN STRUCTURE ----- */

#page_body {width:900px; margin:0px auto; text-align:left;}
#page_body_home {width:930px; margin:0px auto; text-align:left; background:#fff; border-width:0 1px 1px 1px; border-color:#d2d2d2; border-style:solid; padding:0 10px 0 10px;}

#page_header {background:url(images/main/nav-bg.png) repeat-x top #c00000; border-bottom:2px solid #850000;}
#page_header img {float:left; margin:14px 0 2px 8px;}

#page_content {background:#fff; font-size:1.2em;}


/* ----- SUBPAGE CONTENT ----- */

ul#sub_nav {margin:12px 0 0 0; padding:0; font-size:1.6em; float:right; background:#c00000;}
ul#sub_nav li {float:left; list-style:none; margin:0; padding:8px 12px 2px 12px; border-right:1px solid #cf5b49;}
ul#sub_nav li.login {border-right:none;}
ul#sub_nav li a {color:#fff; text-decoration:none;}
ul#sub_nav .signup a {color:#f8dd7e; font-weight:bold;}
ul#sub_nav li a.on {color:#FF6666;}
ul#sub_nav .login a {color:#FF9966; font-weight:bold;}

#sub_page_content {float:left; width:930px; margin-top:3px; font-size:1.5em; padding:0 0 8px 0;}

.content_left {float:left; width:570px; margin:0 30px 0 20px;}
.content_right {float:left; width:290px;}

#feature_glance {background:url(images/features/glance.png) no-repeat 8px 15px #4b4b4b; padding:50px 15px 15px 15px; border:5px solid #777; clear:both;}
#feature_glance .col {width:30%; margin-right:3%; float:left; display:inline;}
#feature_glance .col ul {margin:10px 0 0 20px; padding:0;}
#feature_glance .col ul li {background:url(images/features/glance-bullet.png) no-repeat left 50%; margin:5px 0; padding:0 0 0 11px; color:#fff;}

.feature_container {clear:both; float:left; width:100%; margin:20px 0 30px 0;}
.screenshot {float:left; margin:0 30px 0 20px; border:5px solid #fff2a1;}
.feature_content {float:left; width:290px;}
.feature_content ul {margin:10px 0 0 20px; padding:0;}
.feature_content ul li {background:url(images/features/feature-bullet.png) no-repeat left 7px; margin:15px 0; padding:0 0 0 18px; color:#333; font-size:1.2em;}

.login_box {background:#8b8b8b; float:left; width:280px; padding:10px 15px; height:195px; margin:0 20px 20px 20px; border:5px solid #777; color:#eee; display:inline;}
.login_box p.tag {color:#fae6a5; text-transform:uppercase; font-size:1.1em; margin:5px 0 0 0; font-weight:bold;}
.login_box a {color:#fff;}
.button {display:block; margin:0; text-transform:uppercase; font-size:1em; font-weight:bold;}
.login_entry {font-size:1.1em; margin:0 0 8px 0;}
.login_help_box {background:#d2d2d2; float:left; width:215px; padding:10px 15px; height:195px; margin-right:20px; border:5px solid #ccc; display:inline;}
.login_help_box p {line-height:normal; font-size:.9em; color:#333;}
.login_help_box p.tag {color:#666; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0;}
.login_help_box a {color:#666; text-align:center; display:block;}

#signup_levels {background:url(images/signup/two-levels.png) no-repeat 8px 15px #4b4b4b; padding:25px 15px 7px 15px; border:5px solid #777; margin:0 20px;}
#signup_levels .col_one, #signup_levels .col_two, #signup_levels .col_three {float:left; color:#fff;}
#signup_levels .col_two p, #signup_levels .col_three p {margin:0;}
#signup_levels .col_two, #signup_levels .col_three {height:170px;}
#signup_levels .col_one {width:130px; margin-right:20px;}
#signup_levels .col_two {width:300px; background:url(images/signup/dot-div.png) repeat-y top left; padding:0 20px 0 40px;}
#signup_levels .col_three {width:290px; border-left:1px solid #5f5f5f; padding:0 20px 0 25px;}
#signup_levels ul {margin:10px 0 0 20px; padding:0;}
#signup_levels ul li {background:url(images/signup/feature-bullet.png) no-repeat left 50%; margin:5px 0; padding:0 0 0 11px; color:#fff; font-size:.9em;}
#signup_levels ul.free li {color:#eee;}
#signup_levels ul.premium li {color:#fff9bb; font-weight:bold;}
img.get_button {float:right; margin:15px 0 10px 15px;}
.signup_content {clear:both; margin:20px 0 20px 5px;}
.signup_content .content_left {float:left; width:495px; display:inline;}
.signup_content .content_right {float:left; width:310px; background:#f2f2f2; border-left:1px solid #dedede; padding:20px 20px 20px 30px; display:inline;}
.signup_content p.price {width:110px; float:right; margin:10px 0 10px 10px; color:#9a008a; font-size:1em; font-weight:bold; line-height:.9em;}
.signup_content p.price small {font-weight:normal; font-size:.7em; color:#666; font-style:italic;}
.signup_content p.option {margin:0 0 30px 0; line-height:normal; font-size:.95em; color:#333;}

.video {border:5px solid #efbc08; width:474px; height:268px; margin:0 auto 30px auto;}

.about_main {background:#4b4b4b; padding:15px 25px; border:5px solid #777; margin:0 15px;}
.about_main p {margin:0; font-size:1.6em; color:#eee;}
.about_content {clear:both; margin:20px 0;}
.about_content .content_left {float:left; width:485px; display:inline;}
.about_content .content_right {float:left; width:310px; background:#f2f2f2; border-left:1px solid #dedede; padding:20px 20px 20px 30px; margin:0 15px; display:inline;}




#mmr_blog_content {float:right; width:570px; padding:30px; background:url(images/sub-content-bg.png) no-repeat top left #fff;}
#mmr_blog_tools {float:left; width:185px; padding-top:20px; padding-left:40px;}
#rss_feed img {display:block;}
p.blogarchives {font-size:1.5em; color:#666;}
p.blogarchives a {display:block; font-size:.9em; margin-left:15px;}


/* ----- TEXT ----- */

h1, h2, h3, h4 .header, .subheader {line-height:normal; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
h1, .header {font-size:2.4em; color:#b10000; font-weight:normal;}
h2, .subheader {font-size:2em; color:#FF6600; margin-bottom:15px; margin-top:25px; padding-top:15px; clear:both;}
h3 {color:#333;}
h4 {color:#666; font-size:1.4em; font-weight:normal;}

h1.sub_page_title {background:#f2f2f2; font-size:3.1em; color:#4b4b4b; font-weight:bold; padding:6px; border-bottom:1px solid #bfbfbf; margin:1px 0 20px 0; text-transform:uppercase;}
h1.sub_page_title small {font-size:.75em; font-weight:normal; text-transform:none; color:#919191;}
h1.sub_page_title small.timeout {color:#CC0000;}

.feature_content h2 {font-size:2em; font-weight:bold; color:#c00000; text-transform:uppercase; margin:0 0 20px 0; border-top:2px solid #ccc;}
h2.sub_title {font-size:2em; font-weight:bold; color:#c00000; text-transform:uppercase; margin:0 0 20px 0;}

.home_sub_content h3 {font-size:1.1em; color:#8b8b8b; font-weight:normal; text-transform:uppercase; margin:0;}
h3.feature_title {font-weight:bold; color:#fae6a5;}
.col h3 {color:#d2d2d2; font-weight:bold;}
.login_box h3 {color:#fff;}
.login_help_box h3 {color:#666;}
.content_right h3 {color:#0038ab; text-transform:uppercase; font-size:1.3em; font-weight:bold;}
h3.error {color:#FFFF99;}
h3.error small {font-weight:normal; font-size:.9em;}

.block_one h4, .block_two h4 {color:#fff; font-size:1.3em; text-transform:uppercase; margin:15px 0 10px 0;}
.signup_content h4 {margin:20px 0 5px 0; font-weight:bold; color:#333; font-size:1.2em;}

.orderlg {font-size:.95em; text-transform:uppercase; font-weight:bold; color:#333;}
.sm {font-size:.8em; color:#666;}


/* ----- HOME CONTENT ----- */

ul#home_nav {margin:5px 0 0 0; padding:0; font-size:1.6em; float:right; background:#c00000;}
ul#home_nav li {float:left; list-style:none; margin:0; padding:8px 12px 2px 12px; border-right:1px solid #cf5b49;}
ul#home_nav li.login {border-right:none;}
ul#home_nav li a {color:#fff; text-decoration:none;}
ul#sub_nav li a.on {color:#FF6666;}
ul#home_nav .signup a {color:#f8dd7e; font-weight:bold;}
ul#home_nav .login a {color:#FF9966; font-weight:bold;}

#logo_bar {margin:10px 0 5px 0; float:left; clear:both; width:100%;}
.logo_left {float:left; padding:5px 15px 0 15px; height:90px; background:url(images/home/quick-tour.png) no-repeat center bottom;}
.logo_left img {border-bottom:1px solid #d2d2d2; padding-bottom:1px;}
.logo_right {float:left; background:#f1f1f1; padding:7px 30px; font-size:2.2em; color:#8e8e8e; text-align:center; width:514px; border:5px solid #e7e7e7; line-height:1em;}

#home_page_content {float:left; width:930px; margin-top:3px; font-size:1.5em; padding:0 0 8px 0;}

.home_feature_content {float:right; width:715px; height:300px; margin-bottom:8px;}
.home_feature_content #feature_one, .home_feature_content #feature_two, .home_feature_content #feature_three {display:none;}
.feature_nav {float:left; display:inline; width:200px; padding-top:25px; margin-left:15px; font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif; font-size:1.3em;}
.feature_nav ul {margin:0; padding:0;}
.feature_nav li {margin:0 0 15px 0;}
.feature_nav a {display:block; height:36px; background:url(images/home/main-feature/feature-off.png) no-repeat; padding:12px 0 0 15px; text-decoration:none; color:#666;}
.feature_nav a.on, .feature_nav a:hover {color:#666600; text-decoration:none; background:url(images/home/main-feature/feature-on.png) no-repeat; font-weight:bold; text-indent:15px;}
img.home_feature {margin:15px 0;}

.home_sub_content {clear:both; background:url(images/home/block-bg.png) repeat-y; height:300px; border-top:5px solid #6d6d6d; margin-top:5px;}
.home_sub_content .block_one {width:26%; float:left; padding:8px 3%; margin:10px 0;}
.home_sub_content .block_two {width:26%; float:left; padding:8px 3%; margin:10px 0;}
.home_sub_content .block_three {width:32%; float:left; background:#fff; padding:22px 0 8px 3%;}
.home_sub_content p {margin:6px 0 20px 0; line-height:normal; font-size:.9em; color:#eee;}



.blog_widget {margin-top:8px;}

.activity_body {background:none; font-size:.9em; margin:0; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; padding:0;}
.activity_item {margin:8px 0 10px 0;}
.activity_item p {line-height:normal;}
.activity_item p.title {font-size:.9em; font-weight:bold; margin:0 0 3px 0;}
.activity_item p.date {color:#666; font-size:.75em; margin:0;}




/* ----- FOOTER ----- */

#page_footer {clear:both; background:url('images/footer/footer-shadow.png') repeat-x bottom #c00000; padding:20px 0 0 0; border-top:10px solid #850000; float:left; width:100%; margin-top:1px;}

#page_footer .block_one {width:235px; float:left; border-right:2px solid #850000; padding:0 30px;}
#page_footer .block_two {width:575px; float:left; padding:0 25px;}

#page_footer .block_two p {width:47%; float:left; margin:10px 3% 20px 0; color:#FFCCCC; font-size:.9em; line-height:normal;}

#page_footer .social_media {float:right; width:220px;}
#page_footer .social_media img {margin:20px 0 15px 15px;}

#copyright_footer {text-align:center;}
#copyright_footer .content {width:930px; margin:0px auto; text-align:left; height:75px; font-size:1.2em; color:#666;}
#copyright_footer .content a {color:#666;}
#copyright_footer .content p {margin:15px 0;}
img.footer_right {float:right; margin-top:8px;}



/* ----- FACEBOOK CANVAS ----- */

#facebook_body {width:700px; margin:0px auto; text-align:left; font-size:.7em; font-family:Arial, Helvetica, sans-serif;}

#facebook_header {height:60px; background:url('images/main/mymediaroom-logo.gif') 15px 25px no-repeat;}
#facebook_header h1 {text-indent:-9999px;}
#facebook_canvas_content h2 {margin-top:0; font-size:1.6em;}
#facebook_canvas_content h2 small {font-size:.8em;}
#facebook_canvas_content h3 {font-size:1.4em; color:#666; margin:30px 0 15px 0; border-bottom:1px solid #ccc;}

#facebook_canvas_content {float:left; width:670px; margin:15px 15px 40px 15px; font-size:1.5em;}

#facebook_canvas_content ul {margin:20px 0 35px 40px; font-size:.9em;}
#facebook_canvas_content ul li {list-style:square; margin:3px 0; padding:0;}

#facebook_mmr_login {background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#facebook_mmr_login td {padding:6px;}
#facebook_mmr_login input {width:250px; padding:2px;}

#facebook_canvas_content .button {margin:20px 0; padding:4px; font-size:1.2em; font-weight:bold;}

#dgFacebook, #dgFacebookLinks {font-size:.9em;}



/* ----- ERROR PAGE ----- */

body#error {background:none; background:#b10000;}
#error_wrap {background:#fff; height:200px; margin:20px 0 0 0; text-align:center;}
#error_content {width:800px; margin:20px auto; text-align:left;}

.error_header_left, .error_header_right {width:50%; float:left;}
.error_header_right {padding-top:40px;}

img.error_icon {float:left; margin:10px 20px 10px 0;}
h1.error {font-size:4em; padding-top:35px;}

.error_message {margin:5px 0 50px 0; border:4px solid #CCCCCC; background-color:#EEEEEE; padding:15px; clear:both; font-size:1.4em;}
.error_message h2 {font-size:1.4em;}



/* ----- SCREENCASTS ----- */

#screencast_body {background:none;}

.screencast_header {border-bottom:1px solid #ccc; padding:3px; margin:10px 10px 35px 10px;}




#widgetbody {margin:0; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1em;}


/* ----- PREMIUM LAUNCH ----- */
.premium_login {float:right; width:400px; padding:14px; text-align:right; font-size:1.4em; font-weight:bold;}
.premium_login a {color:#fff;}

.premium_area {border:2px solid #ccc; -moz-border-radius:12px; border-radius:12px; padding:20px 35px; margin:20px 0;}

.premium_area h3 {font-size:1.9em; color:#993300; font-weight:bold; border-bottom:1px solid #eee; text-transform:uppercase; padding:6px 0;}
.premium_area h4 {margin-top:10px; color:#333300; font-weight:bold;}

.premium_list {width:250px; background:#eee; border-left:5px solid #ccc; padding:8px 15px; float:right; margin:25px 0 200px 35px; -moz-border-radius:25px 0 25px 0; border-radius:25px 0 25px 0;}
.premium_list li {margin:15px 0 15px 5px; line-height:1em; font-size:.9em; font-weight:bold; color:#666; background:url(images/checkmark.png) no-repeat left 4px; padding:5px 0 5px 20px;}
.premium_list li.list_title {text-transform:uppercase; font-weight:bold; color:#CC6600; font-size:1.4em; background:none; padding:0; margin:10px 0 15px 0;}

.premium_area p {line-height:1.4em; color:#333; font-size:1.1em;}

.premium_request {width:500px; background:#FFFFCC; border:5px solid #FFCC99; padding:15px;}
.premium_request p {margin:0;}
.premium_request div {margin:10px 0 10px 25px;}