@charset "utf-8";
/* sitebuilding by pesura ---> pesura at gmail dot com */

body {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 13px; }



a {border: none; outline-style: none; -moz-outline-style: none; font-family: Palai, Helvetica, Arial, sans-serif; color: #648abf; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; -webkit-transition: color 0.5s ease-out; transition: color 0.5s ease-out;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none; color: #83abe3;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}



p, ul {font-family: Helvetica, Arial, sans-serif; color: #bccbde; font-weight: normal; text-transform: none!important; margin: 0; font-size: 13px; line-height: 18px;}

span {font-family: Arial, Helvetica, sans-serif;}
br {font-size: 7px; margin: 0; padding: 0; line-height: 7px;}

img {vertical-align: bottom; color: #fff; border: none;}
* html img {font-size: 0; } /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0; padding: 0; margin: 0;}

select, input, textarea, button {outline:none; resize:none; font-size: 12px; font-family: Arial, Georgia, Helvetica, sans-serif;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0;}
input[type=submit] {cursor: pointer;}
 /*Remove button padding in FF*/
input::-moz-focus-inner {border: 0; padding: 0;}


/* header */
.header-main {position: relative; height: auto; min-width: 840px; width: 100%; margin: 0; padding: 0; background: url(images/header-top.png) transparent 0 0 repeat-x; text-align: center;}
.header-sub {position: relative; height: 188px; width: 800px; margin: 0 auto; padding: 0; background: transparent; text-align: center;}
#logo {position: absolute; display: block; width: 111px; height: 111px; padding: 0; margin: 0!important; top: -170px; left: 343px; background: url(images/mgame-solutions-logo.png) 0 0 no-repeat; text-indent: -9999px;}
.motto {position: absolute; display: block; margin: 0; bottom: 0; left: 0;}

/* content */
.main {position: relative; height: 1458px; width: 800px; margin: 0 auto 0 auto; padding: 0; background: transparent; padding: 368px 0 0 0;} /* cos of the non-flexible design (meaning: there is no repeating design element) it is a px fixed layout, don't change the height */
.top-box {position: relative; width: 800px; height: 186px; background: url(images/content-top-box-bg.png) transparent 0 0 no-repeat; padding: 0 0 20px 0!important;}
.tob-box-sub {position: relative; width: 350px; height: 159px; float: right; margin: 0; padding: 17px 10px 10px 10px; text-align: center;}
.top-box .tob-box-sub:first-child {float: left;}
h2 {font-family: Helvetica, Arial, sans-serif; color: #b8cbe3; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0; font-size: 30px; letter-spacing: 1.5px; line-height: 30px;}
.tob-box-sub h2 {margin: 0 0 28px 0;}

.section {position: relative; width: 800px; height: auto; background: transparent; margin: 0; padding: 0;}
.section .section-sub {position: relative; float: right; width: 360px; height: auto; background: transparent; margin: 0; padding: 0;}
.section .section-sub:first-child {float: left; width: 410px;}
.section .section-sub img {float: left;}
.section .section-sub p {text-align: left; overflow: hidden;}
.section .icons {position: relative; display: inline-block; margin: 14px 8px 0 8px; text-align: center;}
*:first-child+html .section .icons {display: block; float: left;}
.section .icons img, .section .icons p {float: none!important; text-align: center!important; margin: 0 0 3px 0;}
.visit {margin: 40px 0 0 0;}
.visit p {padding: 5px 0 0 0; margin: 0;}
.logos img {-moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}
.logos img:hover {opacity: 0.70;}
.section-title {position: relative; display: block; margin: 70px 0 18px 0; padding: 0;}

/* footer */
.footer-main {position: relative; height: 32px; min-width: 840px; width: 100%; margin: -5px 0 0 0; padding: 17px 0 0 0; background: url(images/footer-bg.png) transparent 0 0 repeat-x; text-align: center; z-index: 10;}
.footer-sub {position: relative; height: 32px; width: 800px; margin: 0 auto; padding: 0; background: transparent; text-align: center; z-index: 10;}