/*BluePrint Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd,
 ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/*body {line-height:1.5;}*/
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}a img {border:none;}

a{outline:none;}
a.biglink{float:right; font-size:1.2em; margin:10px;}
/*Default Classes*/
.dn{display:none;} .vn{visibility:hidden;} .fmute{font-size:0.8em;}

/*Typography*/
h1{font-weight:900;font-size:2.4em;}
h2{font-weight:900;font-size:2em;}
h3{font-weight:900;font-size:1.8em;}
h4{font-weight:900;font-size:1.6em;}
h5{font-weight:900;font-size:1.4em;}
h6{font-weight:900;font-size:1.2em;}
div.c4 p{padding: 125px 20px 20px 20px;font-family:verdana;font-weight:200;color:#fff;font-size:1.3em; line-height:1.5;}
div.c4 p a:link {color: #cfccf2; text-decoration:none;}
div.c4 p a:hover {color: #cfccf2; text-decoration: none;}


h1,h2,h3,h4,h5,h6,p{float:none; line-height:1em;}
.left {float:left;}
.right{float:right;}
.fsmall{font-size:0.9em;}.floud{font-weight:900;color:#222;} .fitalic{font-style:italic;} .fajustify{text-align:justify;} .faleft{text-align:left;} .faright{text-align:right;} .facenter{text-align: center;} .fbb{border-bottom:1px solid #ddd;margin:0 20px 5px;}

html body{ background:#fff;text-align:center;}
div.cwrap{margin:0 auto; width:940px; padding:0 10px; text-align: left;}
div.mwrap{
width:940px;
height:940px;

}

/*12-part-grid*/
div.box{float:left; margin:0 10px; background:#0d2d4d; }
div.imgbox{float:left;width:300px;height:350px;}
div.c3{width:220px;}
div.c4{width:300px;}
div.c6{width:460px;}
div.c8{width:620px;}
div.c9{width:730px;}
div.c12{width:940px; margin:0;}
div.firstcol{ margin:0 20px 10px 0;}
div.midcol{ margin:0 0 10 0px}
div.lastcol{ margin:0 0 10px 20px;}

/*misc*/
clear{clear: both;}

/*background images*/
.sulit{background:url(img/sulit.jpg)  no-repeat 0 0;}
.sakto{background:url(img/sakto.jpg)  no-repeat 0 0;}
.safe {background:url(img/safe.jpg)  no-repeat 0 0;}


/*single selector*/
div.header{
}

div.header p{
float:right;
font-family:verdana;
font-weight:bold;color:#555;
font-size:8pt;
}
div.header h1{
display:block;
float:left;
margin:20px 0 0 0;
background:url(img/mgc_logo.jpg) no-repeat 0 0;
width:300px;height:40px;
text-indent:-10000px;
}
div.header h1 a{
display:block;
width:100%;
height:100%;
}

div.header ul/*navigation*/{
display:block;
float:left;
margin:10px 0;
padding:0;
width:940px;height:55px;
background:url(img/mgc_menu.jpg) no-repeat 0 0;
list-style:none;
text-indent:-10000px;
}
div.header ul li{
display:block;
float:left;
height:55px;
text-indent:-10000px
}
li.home{
width:72px;
}
li.prodserv{
width:224px;
}
li.compro{
width:166px;
}
li.masbus{
width:222px;
}
li.conus{
width:118px;
}
li.ordon{
width:138px;
}
div.header ul li a{
display:block;
width:100%;
height:100%;
}
.home a:hover{
background:url(img/menu_01.jpg) no-repeat bottom;
}
.prodserv a:hover{
background:url(img/menu_02.jpg) no-repeat bottom;
}
.compro a:hover{
background:url(img/menu_03.jpg) no-repeat bottom;
}
.masbus a:hover{
background:url(img/menu_04.jpg) no-repeat bottom;
}
.conus a:hover{
background:url(img/menu_05.jpg) no-repeat bottom;
}
.ordon a:hover{
background:url(img/menu_06.jpg) no-repeat bottom;
}
div.mgas-banner{
margin: 20px 0 10px 0;
}

/*footer*/
div.footer{
float:right;
display:inline;
}
div.footer ul{
display:inline;
}
div.footer ul li{
list-style:none;
display:inline;
}
div.underconstract{
margin:90px 0 0 0;
padding:0;
width:940px;height:500px;
background:url(img/underconstract.jpg) no-repeat bottom;
}

div.page{
float:right;
font-family:verdana;
color:#555;
font-size:12pt;
}

div.page b{
font-weight:bold;
color:#0d2d4d;
font-size:14;
}
/*div.footer{
text-indent:-10000px;
}
div.footer ul{
display:inline;
float:right;
margin:0;
padding:0;
width:150px; height:30px;
background:url(img/socialnetwork.jpg) no-repeat 0 0;
list-style:none;
}
div.footer ul li{
display:block;
float:right;
height:30px;
}
li.fb_icon{
width:30px;
}
li.tw_icon{
width:30px;
}
li.yt_icon{
width:30px;
}
li.ml_icon{
width:30px;
}
div.footer ul li a{
display:block;
width:100%;
height:100%;
}*/