/* CSS Document */
*{ margin:0; padding:0;}






@font-face {
    font-family: 'ExistenceLight';
    src: url('font/Existence-Light-webfont.eot');
    src: url('font/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Existence-Light-webfont.woff') format('woff'),
         url('font/Existence-Light-webfont.ttf') format('truetype'),
         url('font/Existence-Light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ExistenceUnicaseLight';
    src: url('font/Existence-UnicaseLight-webfont.eot');
    src: url('font/Existence-UnicaseLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Existence-UnicaseLight-webfont.woff') format('woff'),
         url('font/Existence-UnicaseLight-webfont.ttf') format('truetype'),
         url('font/Existence-UnicaseLight-webfont.svg#ExistenceUnicaseLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ExistenceStencilLight';
    src: url('font/Existence-StencilLight-webfont.eot');
    src: url('font/Existence-StencilLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Existence-StencilLight-webfont.woff') format('woff'),
         url('font/Existence-StencilLight-webfont.ttf') format('truetype'),
         url('font/Existence-StencilLight-webfont.svg#ExistenceStencilLight') format('svg');
    font-weight: normal;
    font-style: normal;

}






body { font-family:ExistenceLight; font-size:15px; color:#333;}

#wrap { width:1000px; margin:0 auto;}

.footer { background:#6db251; color:#fff;} 

.footermenus { float:right; padding:15px; width:550px; text-align:right;}
.footermenus a { padding-left:25px; color:#FFFFFF; text-decoration:none;}
.footermenus a:hover {padding-left:25px; color:#FFFFFF; text-decoration:underline;}
.copyright { float:left; width:350px; padding:15px;background:#6db251; }

.clear { clear:both}

.header { width:1000px; margin:0 auto;}
.menu { float:left; width:182px; text-align:center; padding-top:18px; margin:30px 16px;}
.menu a { height:33px; background:url(images/menusbg.jpg) repeat-x;  display:inline-block; text-decoration:none; color:#999999; font-weight:bold; padding-top:18px;width:182px; }
.menu a:hover { height:33px; background:url(images/menusbg_hover.jpg) repeat-x; width:182px; text-align:center; padding-top:18px; list-style:none; display:inline-block; text-decoration:none; color:#6db251; font-weight:bold;}
.menu ul { margin:0; padding:0;}
.menu li { height:33px; text-align:center; padding-top:18px; list-style:none; margin:25px 12px 0 12px; float:left; }
.menu li a { height:33px; background:url(images/menusbg.jpg) repeat-x; width:182px; text-align:center; padding-top:18px; list-style:none; display:inline-block; text-decoration:none; color:#a6a9a9; font-weight:bold;}
.menu li a:hover { height:33px; background:url(images/menusbg_hover.jpg) repeat-x; width:182px; text-align:center; padding-top:18px; list-style:none; display:inline-block; text-decoration:none; color:#6db251; font-weight:bold;}
.menuactive { height:33px; background:url(images/menusbg_hover.jpg) repeat-x; width:182px; text-align:center; padding-top:18px; list-style:none; display:inline-block; text-decoration:none; color:#6db251; font-weight:bold;margin:48px 16px; cursor:pointer; float:left;}


.logo a { float:left; margin:10px 0px; width:122px; height:122px; background:url(images/maccounts-logo.png) no-repeat; cursor:pointer; display:block; }
.logo a:hover { background:url(images/maccount_logohover.jpg) no-repeat;}

.menuright { float:right; border:#000 solid 1px;}
.menuright ul { margin:0; padding:0;}
.menuright li { height:33px; text-align:center; padding-top:18px; list-style:none; margin:25px 12px 0 12px; float:left; }
.menuright li a { height:33px; background:url(images/menusbg.jpg) repeat-x; width:182px; text-align:center; padding-top:18px; list-style:none; display:inline-block; text-decoration:none; color:#a6a9a9; font-weight:bold;}
.menuright li a:hover { height:33px; background:url(images/menusbg_hover.jpg) repeat-x; width:182px; text-align:center; padding-top:18px; list-style:none; display:inline-block; text-decoration:none; color:#6db251; font-weight:bold;}

.seddiv { background:#f5f5f5; padding:10px 0;}
.seg { background:#fff; float:left; width:236px; margin-left:11px; }

.seg1 { float:left;}
.seg1 a { width:235px; height:224px; display:block; background: url(images/1.jpg) no-repeat; cursor:pointer; float:left; margin-left:11px; margin-bottom:10px; }
.seg1 a:hover { background: url(images/1_hover.jpg) no-repeat;}

.seg2 { float:left;}
.seg2 a { width:235px; height:224px; display:block; background: url(images/2.jpg) no-repeat; cursor:pointer; float:left; margin-left:11px; margin-bottom:10px;}
.seg2 a:hover { background: url(images/2_hover.jpg) no-repeat;}

.seg3 { float:left;}
.seg3 a { width:235px; height:224px; display:block; background: url(images/3.jpg) no-repeat; cursor:pointer; float:left; margin-left:11px; margin-bottom:10px;}
.seg3 a:hover { background: url(images/3_hover.jpg) no-repeat;}

.seg4 { float:left;}
.seg4 a { width:235px; height:224px; display:block; background: url(images/4.jpg) no-repeat; cursor:pointer; float:left; margin-left:11px; margin-bottom:10px;}
.seg4 a:hover { background: url(images/4_hover.jpg) no-repeat;}

.segname { text-align:center; padding:10px 0; width:235px; background:#6db251; color:#fff;margin-left:11px;}

.contentdiv { padding:25px; text-align:justify; font-family:Lucida Grande, Arial, Helvetica, sans-serif; color:#666;}

h1 { font-size:18px; color:#6db251; padding:5px 0 20px 0;}
h2 { font-size:16px; color:#6db251; padding:5px 0 0 0;}

.designedby { width:1000px; margin:0 auto; padding:15px; color:#444; text-align:center;}