/* ------------------------------BASICS------------------------------------- */

html, body {height: 100%;}
body {margin: 0; font-size: 100.01%; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}

/* --------------------BACKGROUND COLOR------------------------- */

body {background: #ccc;}
body.home {background: #ff0066;}
body.company {background: #3399ff;}
body.work {background: #999;}
body.news {background: #66cc33;}
body.contact {background: #ff9900;}
body.blog {background: #8115CB;}

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

p, h1, h2, h3, h4 {margin: 0; padding: 0;}
p, ul, ol {font-size: 11px; line-height: 1.636em; color: #000; margin: 0.3em 0 1em;}
ul ul {font-size: 1em;}
ul, ol {padding: 0 30px; list-style-position: inside;}
ul {list-style-type: none;}
h1, h2, h3, h4 {font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: normal; line-height: 1.125em; text-transform: uppercase; letter-spacing: 1px;}
h1 {text-transform: uppercase; font-size: 1.25em; margin: 0 0 0.25em;}
h2 {font-size: 1.125em; margin: 0;}
h3 {font-size: 0.916em; margin: 0;}
.subtitle {font-size: 12px; color: #666;}
.inline {display: inline;}

.small {font-size: 10px;}
.small img {margin-bottom: 1px;}
.medium {font-size: 16px;}
p.medium img {margin-bottom: -2px;}
.black {color: #000000;}
.white {color: #ffffff;}

/* ------------------------------OTHER---------------------------------------- */

hr { border: none 0; border-top: 1px dotted #000; width: 100%; height: 1px; clear: both; margin: 0 0 8px; *margin: 4px 0; display: inline; float: left;}
.arrow {font-size: 1.2em;}

/* ------------------------------LINKS------------------------------------------ */

a {color: #66cc33;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a:active {outline: none;}
body.home a {color: #ff0066;}
body.company a {color: #3399ff;}
body.work a {}
body.news a {color: #66cc33;}
body.contact a {color: #ff9900;}
a img {border: none; outline: none;}
a.action_button {padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
a.big_button {font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 16px; font-weight: bold; padding: 3px 6px; background: #66cc33; color: #fff;}

/* ------------------------------LAYOUT--------------------------------------- */

#wrapper {background: #000; width: 850px; margin: 0 auto; height: 100%;}
#header {background: #fff; height: 110px; padding: 0 30px;}
#header_left {padding: 30px 0 0 0; height: 80px; float: left;}
#header_left a {display: block; text-indent: -9999px;}
#header_right {height: 110px; width: 163px; float: right;}

/* FOR PAGES WITHOUT A BODY CLASS */
#header_left a {height: 40px; width: 185px; background: url(http://www.mightybytes.com/images/header_logo.gif) no-repeat 0 -120px;}
#header_left a:hover, #header_left a:active {background-position: 0 0px;}

.mblog_button {width: 163px; margin: 10px auto 0; text-indent: -9999px;}
.mblog_button a {display: block; width: 163px; height: 94px; margin: 0; padding: 0; background: #fff url(http://www.mightybytes.com/images/mblog/mblog_button.jpg) 0 0 no-repeat; text-decoration: none;}
.mblog_button a:link, .rollover_test a:visited {background-position: 0 0px;}
.mblog_button a:hover, .rollover_test a:active {background-position: -163px 0;}

#content {min-height: 400px; width: 790px; padding: 10px 30px; float: left; background: #fff;}
.main_content, .sidebar, #home_sidebar {min-height: 190px; padding: 15px 0; overflow: hidden; float: left; position: relative;}
.main_content {width: 600px;}
.sidebar {width: 160px; padding: 10px 15px 20px; background: #e5e5e5 url(http://www.mightybytes.com/images/gradient.jpg) repeat-x bottom; float: left;}
.sidebar p {line-height: 1.5em;}
.sidebar h2 {font-size: 0.916em;}
.sidebar ul {padding: 0;}
.sidebar ul li {font-size: 10px; line-height: 1.25em; margin: 8px 0;}
.sidebar ul li a {color: #000;}

.half_content_vertical {width: 395px; padding: 5px 0 30px; float: left;}

#footer {width: 790px; padding: 12px 30px; background: #000; float: left;}
#footer p {color: #fff; font-size: 10px; margin: 0;}


/* ------------------------------NAVIGATION--------------------------------- */

#main_nav {height: 30px; width: 790px; padding: 0 30px; background: #fff; float: left; clear: both;}
#main_nav ul {background: #000; width: 790px; float: left; margin: 0; padding: 0;}
#main_nav ul li {float: left; display: inline; font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; line-height: 1em;}
#main_nav ul li a {display: block; color: #fff; padding: 6px 12px;}
#main_nav ul li a:hover {text-decoration: none; background: #66CC33;}

body.home #main_nav ul li a:hover, body.home #main_nav ul li a.current {background: #FF0066;}
body.company #main_nav ul li a:hover, body.company #main_nav ul li a.current {background: #3399FF;}
body.work #main_nav ul li a:hover, body.work #main_nav ul li a.current {background: #999;}
body.news #main_nav ul li a:hover, body.news #main_nav ul li a.current {background: #66CC33;}
body.contact #main_nav ul li a:hover, body.contact #main_nav ul li a.current {background: #FF9900;}
body.blog #main_nav ul li a:hover, body.blog #main_nav ul li a.current {background: #8115CB;}

/*
body #main_nav ul li a:hover, body #main_nav ul li a:active {height: 39px; background-position: 0 -39px;}

body.home #main_nav ul li a {height: 30px !important;}
body.home #main_nav ul li a:hover, body.home #main_nav ul li a:active {background-position: 0 -30px !important;}
body.home li#nav_company a {width: 105px; background: url(http://www.mightybytes.com/images/home/nav_company.gif) no-repeat 0 0;}
body.home li#nav_work a {width: 70px; background: url(http://www.mightybytes.com/images/home/nav_work.gif) no-repeat 0 0;}
body.home li#nav_news a {width: 70px; background: url(http://www.mightybytes.com/images/home/nav_news.gif) no-repeat 0 0;}
body.home li#nav_contact a {width: 95px; background: url(http://www.mightybytes.com/images/home/nav_contact.gif) no-repeat 0 0;}

body.company li#nav_company a {width: 105px; background: url(http://www.mightybytes.com/images/company/companynav_company.gif) no-repeat 0 0;}
body.company li#nav_work a {width: 70px; background: url(http://www.mightybytes.com/images/company/companynav_work.gif) no-repeat -1px 0;}
body.company li#nav_news a {width: 70px; background: url(http://www.mightybytes.com/images/company/companynav_news.gif) no-repeat -1px 0;}
body.company li#nav_contact a {width: 95px; background: url(http://www.mightybytes.com/images/company/companynav_contact.gif) no-repeat -1px 0;}

body.work li#nav_company a {width: 105px; background: url(http://www.mightybytes.com/images/work/worknav_company.gif) no-repeat 0 0;}
body.work li#nav_work a {width: 70px; background: url(http://www.mightybytes.com/images/work/worknav_work.gif) no-repeat -1px 0;}
body.work li#nav_news a {width: 70px; background: url(http://www.mightybytes.com/images/work/worknav_news.gif) no-repeat -1px 0;}
body.work li#nav_contact a {width: 95px; background: url(http://www.mightybytes.com/images/work/worknav_contact.gif) no-repeat -1px 0;}

body.news li#nav_company a {width: 105px; background: url(http://www.mightybytes.com/images/news/newsnav_company.gif) no-repeat 0 0;}
body.news li#nav_work a {width: 70px; background: url(http://www.mightybytes.com/images/news/newsnav_work.gif) no-repeat -1px 0;}
body.news li#nav_news a {width: 70px; background: url(http://www.mightybytes.com/images/news/newsnav_news.gif) no-repeat -1px 0;}
body.news li#nav_contact a {width: 95px; background: url(http://www.mightybytes.com/images/news/newsnav_contact.gif) no-repeat -1px 0;}

body.contact li#nav_company a {width: 105px; background: url(http://www.mightybytes.com/images/contact/contactnav_company.gif) no-repeat 0 0;}
body.contact li#nav_work a {width: 70px; background: url(http://www.mightybytes.com/images/contact/contactnav_work.gif) no-repeat -1px 0;}
body.contact li#nav_news a {width: 70px; background: url(http://www.mightybytes.com/images/contact/contactnav_news.gif) no-repeat -1px 0;}
body.contact li#nav_contact a {width: 95px; background: url(http://www.mightybytes.com/images/contact/contactnav_contact.gif) no-repeat -1px 0;}
*/

/* ------------------------------SEND TO A FRIEND---------------------------------------- */

#sendto_center { position: absolute; top:0px; height:700px; width: 850px; border: 0px solid red; z-index:300; display:none;}


/* ------------------------------HOME PAGE--------------------------------- */

body.home #header_left a {height: 60px; width: 340px; background: url(http://www.mightybytes.com/images/home/home_logo.gif) no-repeat 0 0;}
body.home #header_left a:hover, body.home #header_left a:active {background-position: 0 -60px;}
body.home #content {margin: 0;}
#home_banner {height: 210px; width: 790px; float: left; clear: both; position: relative;}
   #home_banner_main {height: 210px; width: 600px; float: left;}
   #home_banner_right {height: 210px; width: 190px; float: left;}
   .home_banner_box {height: 105px; width: 190px;}
      .home_banner_box img {margin: 0; padding: 0; display: inline; float: left;}
.home_content_column {width: 285px; padding: 0 15px 0 0; overflow: hidden; float: left;}
.home_content_box {margin: 10px 0;}
.home_content_box p {margin-left: 90px;}
.fw_image, .rn_image {float: left; padding: 6px 10px 0 0; border: 0;}
#home_sidebar {width: 190px;}
#banner_contact { width: 190px; height: 110px; margin-top: 23px; float: left;}
#banner_contact img {float: left;}
#emma_signup {float: left; clear: both;}

/* ------------------------------COMPANY------------------------------------- */

body.company #header_left a {height: 40px; width: 185px; background: url(http://www.mightybytes.com/images/header_logo.gif) no-repeat 0 -40px;}
body.company #header_left a:hover, body.company #header_left a:active {background-position: 0 0px;}

#company_top, #company_bottom {width: 790px; overflow: hidden; float: left; clear: both;}
.company_content {padding: 0 15px 0 0;}
.hcontainer {float: left;}

#service_titles ul li a, .praisecontrolbox a, .folks_menu_label {outline: none;}

#company_top {position:relative;}
      #company_top .main_content {padding: 0;}
#about {background: #3399ff; padding: 10px; margin-bottom: 15px; position: relative;}
      #about p {color: #fff; margin: 0; text-align: justify; line-height: 1.5em;}
#service_titles {top: -8px; *top: -18px; width: 190px; padding: 0 10px;}
      #service_titles ul li {line-height: 2em;}
      #service_titles ul li a:hover, #service_titles ul li a:active {color: #3399ff;}
#service_descriptions {width: 345px; padding: 0 15px; float: left; position: relative; height: 14.5em; *height: 14.2em;}
      #service_descriptions ul li {list-style-type: disc; line-height: 1.5em;}
.service {position: absolute; top: 0; left; 0; background: #fff;}
.approach_sidebar {top: -5px; *top: 0;}
#company_bottom {padding: 10px 0 0; position: relative;}
      #company_bottom .main_content {padding: 0;}
      #company_bottom .sidebar {background: #fff !important; padding-top: 4px; padding-bottom: 0;}
#folkicons { position:relative; float:right; text-align: right; padding: 4px 0; z-index:1000;}
	.folks_menu_label { float:left; height:20px; width: 23px; border: 1px dotted #000; margin-left:3px; text-align:center; font-size: 0.813em; font-weight: bold; text-decoration: none !important; padding-top:3px; color:#000 !important;}
	.folks_menu_label:hover {background: #3399ff; color:#fff !important;}
#folks {position: relative; top: -21px; left: 5px; height: 15.5em; width: 580px; display: inline; float: left;}
.folk {position: absolute; top: 0; *top: 4px; left: 0; background: #fff; width: 580px; display: none;}
.folk p {padding-left: 119px; text-align: justify;}
.folkimage {float: left; padding: 0 8px 24px 0;}
.praise_sidebar {position: relative; top: 0; *top: -7px;}
.praisecontrolbox {display: inline; position: relative; top: -1px; left: 31px;}
#praisebox { position:relative; padding-left:0px; border:0px solid red; width: 170px; height: 16.5em; overflow:hidden; float: left;}
.mover {position:absolute; left:190px; top:0px;border:0px solid blue; width: 165px;}
.mover p {margin:0; padding:0; font-size: 0.563em; line-height: 1.5em;}
	#signature { text-align: right; margin-top:4px; }

/* ------------------------------WORK------------------------------------------ */

body.work #header_left a {height: 40px; width: 185px; background: url(http://www.mightybytes.com/images/header_logo.gif) no-repeat 0 -80px;}
body.work #header_left a:hover, body.work #header_left a:active {background-position: 0 0px;}

body.work .mblog_button {width: 163px; margin: 10px auto 0; text-indent: -9999px;}
body.work .mblog_button a {display: block; width: 163px; height: 94px; margin: 0; padding: 0; background: #fff url(http://www.mightybytes.com/images/mblog/mblog_button_grey.jpg) 0 0 no-repeat; text-decoration: none;}
body.work .mblog_button a:link, .rollover_test a:visited {background-position: 0 0px;}
body.work .mblog_button a:hover, .rollover_test a:active {background-position: -163px 0;}
#flashPortfolio {position: relative; left: -30px; top: 30px; padding-bottom: 30px;}
#portfolioswf {position:relative;top:-30px;}


/* ------------------------------NEWS AND BLOG------------------------------------------ */

.entry {float: left; border-bottom: 1px dotted #000; padding: 10px 0; width: 560px;}
.entry p, .entry li {font-size: 13px;}
.entry p.date {font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin: 0;}
.entry p.posted {font-size: 10px; line-height: 1.25em; color: #666;}
.entry li {list-style-type: disc;}

/* ------------------------------NEWS------------------------------------------ */

body.news #header_left a {height: 40px; width: 185px; background: url(http://www.mightybytes.com/images/header_logo.gif) no-repeat 0 -120px;}
body.news #header_left a:hover, body.news #header_left a:active {background-position: 0 0px;}

body.news .main_content {width: 560px; padding: 10px 30px 20px 10px;}
body.news .main_content p {text-align: justify;}

body.news .sidebar ul li a:hover, body.news #sidebar ul li a:active, body.news .arrow {color: #66cc33;}

/* ------------------------------MBLOG---------------------------------------- */

body.blog #header_left a {height: 40px; width: 185px; background: url(http://www.mightybytes.com/images/header_logo.gif) no-repeat 0 -200px;}
body.blog #header_left a:hover, body.contact #header_left a:active {background-position: 0 0px;}

body.blog a { color: #8115CB; text-decoration: none; }
body.blog a.action_button { background: #8115CB; color: #fff; }

#blog_container { width: 850px; background: #fff; margin: 0 auto; text-align: left; overflow: hidden;}
#blog_navigation { width: 790px; height: 39px !important; background: url(http://www.mightybytes.com/images/nav_spacer.gif) repeat-x top left; clear:both; margin: 0 auto;}
#blog_header {width: 100%; height: 120px; padding-bottom: 10px; background: #fff url(http://www.mightybytes.com/images/mblog/mblog_banner3.jpg) no-repeat; }
#blog_header_logo { height: 60px; padding: 30px 0 0 30px; float: left; }
.blog_content_left { width: 560px; padding: 9px 30px 30px 10px; text-align: justify; float: left;}
	.blog_content_left a:hover { color: #8115CB; text-decoration: underline; }
        .blog_content_left h2 {font-size: 1.25em; font-weight: normal; line-height: 1.25em; text-align: left; text-transform: uppercase; letter-spacing: 0.5px; font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}
        .blog_content_left h3 {font-size: 0.688em; font-weight: bold; line-height: 1.25em; margin-top: 18px; text-align: left;}
        .blog_content_left ul {list-style-type: square;}

.blog_news_entry {background: #e5e5e5; width: 540px; padding: 10px;}
.blog_news_entry .preheader {margin: 0 0 1em 0; padding: 0 5px; color: #fff; background: #000; font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.blog_news_entry .preheader a {color: #fff;}

p.comment_links {text-align: left;}

.blog_paginate p {display: inline; margin: 0 0 10px 0; padding: 0;}
.comment_header {padding: 5px 0 0 20px; margin-bottom: 4px; height: 11px; background: url(http://www.mightybytes.com/images/mblog/comment_bubble.gif) no-repeat top left;}
        .comment_header h3 {margin: 0; line-height: 1em;}
.comment_posted_author {font-size: 9px;}
.blog_comments {clear: both;}
.comment {border-top: 1px dotted #000; padding-left: 20px;}
#comment_preview {background: #ffffcc; border-top: 1px dotted #000; padding-left: 20px;}

body.blog .sidebar ul {margin-bottom: 20px;}
body.blog .sidebar a:hover { color: #8115CB; text-decoration: underline; }
.blog_arrow { color: #8115CB; font-size: 9pt; }

/* new main image style */
.blog_main_image {width: 150px; height: auto; float: left; margin: 5px 12px 5px 0;}

/* old image styles - should be standardized */
.blog_image_left {float: left; margin: 5px 12px 5px 0px;}
.blog_image_right {float: right; margin: 5px 0px 5px 12px;}
.image_center {display: block; margin: 0 auto;}

/* comment form */

#comment_form {width: 440px; margin-top: 20px;}
#comment_form label {display:block; font-size: 0.75em; line-height: 1.5em; font-weight:bold; text-align:right; width:70px; float:left;}
#comment_form .required, #comment_form .optional {display:block; font-size:9px; line-height: 1em; font-weight:normal; text-align:right; width:70px;}
#comment_form .required {color: #f00;}
#comment_form .optional {color:#666;}
#comment_form input.text {float:left; font-size:12px; padding:4px 2px; border:solid 1px #999; width:350px; margin:2px 0 20px 10px;}
#comment_form input.captcha_input {float:left; font-size:12px; padding:4px 2px; border:solid 1px #999; width:135px; margin:2px 0 20px 0px;}
#comment_form p {margin: 0 0 0 80px;}
#comment_form #comment_buttons {margin-left: 80px; clear: both;}
#comment_form textarea {float: left; font-size:12px; padding:4px 2px; border:solid 1px #999; width:350px; height: 150px; margin:2px 0 20px 10px;}

p.sharethis {margin: 0;}

/* ------------------------------CONTACT------------------------------------- */

body.contact #header_left a {height: 40px; width: 185px; background: url(http://www.mightybytes.com/images/header_logo.gif) no-repeat 0 -160px;}
body.contact #header_left a:hover, body.contact #header_left a:active {background-position: 0 0px;}
.contact_left {padding: 5px 0 0 10px; width: 385px;}
.contact_left h2.hooge, .contact_left h3.hooge, .contact_left p.hooge {line-height: 1em !important;}
.contact_left p.medium {margin: 0 0 0.3em;}
.contact_left p.small {margin: 1em 0 0;}

	#contact_form img { padding: 5px 0 0; }
	#contact_form input { width: 98%; background-color: #e5e5e5; border: none; font-family: Courier, monospace; font-size: 10pt; color: #000; padding: 4px; }
	#contact_form textarea { width: 98%; background-color: #e5e5e5; border: none; font-family: Courier, monospace; font-size: 10pt; color: #000; padding: 4px; }
	#contact_submit { width: 60px !important; height: 15px; background-color: #fff !important; }