/*General*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .cf {height: 1%;}
.cb {clear: both;}
br.cb {font-size: 0; line-height: 0;}
.fl {float: left;}
.fr {float: right;}
.mc {margin: 0 auto;}
.db {display: block; margin: 0 auto;}
small {font-size: 0.8em;}
img {border: 0;}
*:focus {outline: none;}
*::-moz-focus-inner {border: none;}

.mg-red {color: #cf430b;}
.mg-orange {color: #cf6405;}
.mg-blue {color: #36baff;}

/*End general*/

html {height: 100%;}
body {padding: 0; margin: 0; height: 100%;}
body, input, textarea, select, h1, h2, h3 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size: 14px; color: #464646;}
a {color: #0497c1;}

#mg-logo, h2, h3, .mg-bullet-green li, .mg-bullet-number li {background: url("../images/images.png") no-repeat top left;}

#mg-banner {height: 120px; margin-bottom: 20px; position: relative;}
#mg-banner.mg-banner-index {background: url("../images/banner-index.jpg") no-repeat top left; height: 260px;}
#mg-banner.mg-banner-about {background: url("../images/banner-about.jpg") no-repeat top left;}
#mg-banner.mg-banner-aggregators {background: url("../images/banner-aggregators.jpg") no-repeat top left;}
#mg-banner.mg-banner-broadcasters {background: url("../images/banner-broadcasters.jpg") no-repeat top left;}
#mg-banner.mg-banner-advertisers {background: url("../images/banner-advertisers.jpg") no-repeat top left;}
#mg-banner.mg-banner-creators {background: url("../images/banner-creators.jpg") no-repeat top left;}
#mg-banner.mg-banner-partners {background: url("../images/banner-partners.jpg") no-repeat top left;}
#mg-banner.mg-banner-contacts {background: url("../images/banner-contacts.jpg") no-repeat top left;}
#mg-banner.mg-banner-solutions {background: url("../images/banner-solutions.jpg") no-repeat top left;}

#mg-banner .mg-banner-text {position: absolute; left: -10px; bottom: 8px; text-align: center;}
#mg-banner.mg-banner-index .mg-banner-text {left: 0px; top: 65px; bottom: auto;}
h1 {color: white; font-weight: bold; font-size: 30px; padding: 0 20px; margin: 0;}

#mg-page, #mg-footer {border-top: 2px solid #00a7e5;}
.mg-page-wrapper {width: 780px; margin: 0 auto;}

#mg-footer {height: 64px; line-height: 70px; margin-top: 20px;}
#mg-header {height: 44px; clear: both; overflow: hidden; margin-bottom: 20px;}
#mg-logo {width: 153px; height: 44px; float: left; display: block; text-decoration: none;}

#mg-menu {float: right; width: 600px; line-height: 70px; overflow: hidden;}
#mg-menu * {float: right; white-space: nowrap;}
#mg-menu div {background-color: #bee3f1; height: 44px; width: 1px;}
#mg-menu a {padding: 0 15px; text-decoration: none; color: #464646;}
#mg-menu a.mg-active {color: #0497c1; }

h2 {font-size: 24px; font-weight: normal; border-bottom: 1px solid #d4d4d4; line-height: 40px; background-position: right -540px; margin: 0;}
h2.mg-orange {border-bottom: 1px solid #fff; background: none; color: #e48808;}
h3 {font-size: 20px; font-weight: normal; line-height: 56px; padding-left: 66px;}
h3.mg-advertisers {background-position: 0 -56px;}
h3.mg-aggregators {background-position: 0 -168px;}
h3.mg-broadcasters {background-position: 0 -280px;}
h3.mg-creators {background-position: 0 -392px;}

.mg-layout-two-column {border-collapse: collapse; width: 100%;}
.mg-layout-two-column td {width: 380px; vertical-align: top; padding: 0;}
.mg-layout-two-column th, .mg-layout-two-column td.mg-separator {width: 20px;}
.mg-layout-two-column td td, .mg-layout-two-column th th {width: auto;}

.mg-layout-team {border-collapse: collapse; width: 100%; margin-top: 20px;}
.mg-layout-team td {vertical-align: top; padding-bottom: 20px;}
.mg-layout-team th {width: 110px; vertical-align: top; text-align: left;}
.mg-layout-team img {background-color: white; padding: 1px; border: 1px solid #d4d4d4; margin-top: 4px;}

.mg-layout-flexible {border-collapse: collapse; width: 100%; margin-top: 20px;}
.mg-layout-flexible td {vertical-align: top;} 
.mg-layout-flexible th {width: 25px;}

h4 {margin: 0 0 10px 0;}

.mg-bullet-green, .mg-bullet-number {list-style: none; padding: 0; margin: 0;}
.mg-bullet-green li {background-position: 0 -498px; padding-left: 15px; margin-bottom: 10px;}

.mg-bullet-number li {background-position: 0 -670px; padding-left: 45px; margin-bottom: 5px; position: relative; height: 36px; padding-top: 6px;}
.mg-bullet-number li div {color: white; font-weight: bold; font-size: 20px; line-height: 50px; position: absolute; left: 0; top: -8px; width: 31px; height: 31px; text-align: center; float: left;}

.mg-project-overview {width: 248px;}
.mg-project-overview a.fr {margin-top: 5px;}
.mg-project-overview img {background-color: white; padding: 1px; border: 1px solid #d4d4d4;}
.mg-project-overview h4 {color: #00a7e5; font-size: 16px; margin: 5px 0; padding: 0; line-height: normal; }
.mg-project-overview h4 a {color: #00a7e5; text-decoration: none;}
.mg-project-overview p {margin: 0;}

.mg-company-logo {float: left; margin: 15px 20px 5px 0;}

form {margin: 0; padding: 0;}
.mg-ft {}
.mg-ft th, .mg-ft td {padding: 2px 0;}
.mg-ft th {padding-right: 20px;}
.mg-isub {margin: 0; border: 1px solid #ddd; border-bottom-color: #aaa; border-right-color: #aaa;}

#mg-contact-table {width: 400px; margin: 0 auto;}
#mg-contact-table th {width: 100px; text-align: left;}
#mg-contact-table .mg-it {width: 100%;}
#mg-contact-table textarea {width: 100%;}
#mg-contact-table .mg-isub {margin-right: -5px;}

.mg-ul-blue, .mg-ul-red {padding: 0; margin: 0; list-style: none;}
.mg-ul-blue li {background: url("../images/bullet-blue.png") no-repeat left 5px; padding-left: 16px; margin-bottom: 10px;}
.mg-ul-red li {background: url("../images/bullet-red.png") no-repeat left 5px; padding-left: 16px; margin-bottom: 10px;}
.mg-ul-big li {background-position: left 7px;}

.mg-th {text-align: center; display: block; text-decoration: none; color: #1a5d80; margin: 0 auto;}
.mg-th img {background-color: white; padding: 5px; border: 1px solid #36baff;}
.mg-th label {margin: 5px 0; display: block; }