@charset "utf-8";
/* CSS Document */

@font-face{font-family:Rockwell-lights; src: url('http://www.mygraphicsguy.com/fonts/ROCL.EOT');}
@font-face {font-family:RockwellLights; src: url('http://www.mygraphicsguy.com/fonts/rockwellstd-light-webfont.ttf') format('truetype'), url('http://www.mygraphicsguy.com/fonts/RockwellStd-Light.otf') format('opentype'); font-weight: normal; font-style: normal;}
@font-face {font-family:RockwellSVG; src:url('http://www.mygraphicsguy.com/fonts/rockwellstd-light-webfont.svg#webfontkbZiyayN') format('svg'); font-weight: normal; font-style: normal;}

* { margin:0; padding:0; outline-style:none;}
html, body {background-color:#FFF; height:100%; background-image:url(../images/background_v4.png); background-position:center center; background-repeat:repeat-x;}
#Container {position:relative; display:block; width:100%; height:500px; margin:0; padding:0; background-color:#262218;}
#Main {position:relative; display:block; width:1020px; height:500px; margin:0 auto; border:0; padding:0; background-image:url(../images/MGG_Logo.jpg); background-position:0 0; background-repeat:no-repeat;}
#AboutCopy {float:left; display:inline; margin:157px 0 0 70px; width:609px; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:17px; color:#a8e400; line-height:23px; letter-spacing:normal; text-align:justify;}
#FlashContainer {width:956px; height:533px; position:relative; margin:0 auto; display:block;}
#FlashIntro {width:956px; height:533px; position:absolute; top:0; left:2px; display:block; z-index:900;}
#Partners {float:left; margin:147px 0 0 0;}

#ServicesHeads {float:left; width:576px; margin:100px 10px 0 0; text-align:right;}
#ServicesHeads li {list-style:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:56px; color:rgba(8,16,0,0.4); *color:rgb(8,16,0); line-height:56px; letter-spacing:-3px;}
.ServiceHeadsDrop {margin-top:22px;}
.ServiceHeadsDrop2 {margin-top:43px;}
#ServicesCopy {float:left; margin:157px 0 0 70px; width:960px; font-family:Rockwell-lights, RockwellLights, RockwellSVG; color:#8ac600; line-height:28px; letter-spacing:normal;}
#ServicesCopy h1{font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:38px; font-weight:normal; color:#b2ff00; letter-spacing:normal;}
#ServicesCopy ul {margin:15px 0 0 80px;}
#ServicesCopy li {float:left; width:435px; list-style:none; font-size:18px; height:28px;}
#ServicesCopy span {font-size:12px;}
.LastService {margin-bottom:15px;}

#PortfolioNav {margin:0 0 0 610px;}
#PortfolioNav li {float:left; list-style:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:15px; padding:0 5px; color:#FFF;}
#PortfolioNav li a {text-decoration:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:15px; color:#b2ff00;}
#PortfolioNav li a:hover {color:#FFF;}
.FarRight {padding-right:35px !important;}
#PortWebExtra {margin:0 0 0 618px;}
#PortWebExtra li {float:left; list-style:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:15px; padding:0 5px; color:#FFF;}
#PortWebExtra li a {text-decoration:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:15px; color:#b2ff00;}
#PortWebExtra li a:hover {color:#FFF;}
#PortLogoExtra {margin:0 0 0 688px;}
#PortLogoExtra li {float:left; list-style:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:15px; padding:0 5px; color:#FFF;}
#PortLogoExtra li a {text-decoration:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:15px; color:#b2ff00;}
#PortLogoExtra li a:hover {color:#FFF;}
.Highlight a {color:#FFF !important;}
.NoHighlight a {color:#b2ff00;}
#PortfolioThumbs {position:absolute; top:92px; left:135px; width:809px; height:343px;}
#PortfolioThumbs li {float:left; display:inline; list-style:none; margin:-22px 0 0 -22px; padding:22px;}
#PortfolioThumbs li a img {border:none; margin:0; padding:0;}
#PortfolioThumbs li:hover {background-image:url(../images/trans_white.png);}
#PortfolioThumbs li:active {background:none;}
#PortfolioThumbs2 {display:none; position:absolute; top:92px; left:135px; width:809px; height:343px;}
#PortfolioThumbs2 li {float:left; display:inline; list-style:none; margin:-22px 0 0 -22px; padding:22px;}
#PortfolioThumbs2 li a img {border:none; margin:0; padding:0;}
#PortfolioThumbs2 li:hover {background-image:url(../images/trans_white.png);}
#PortfolioThumbs2 li:active {background:none;}
#PortfolioThumbs3 {display:none; position:absolute; top:92px; left:135px; width:809px; height:343px;}
#PortfolioThumbs3 li {float:left; display:inline; list-style:none; margin:-22px 0 0 -22px; padding:22px;}
#PortfolioThumbs3 li a img {border:none; margin:0; padding:0;}
#PortfolioThumbs3 li:hover {background-image:url(../images/trans_white.png);}
#PortfolioThumbs3 li:active {background:none;}

#credit {position:relative; width:960px; display:block; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:17px; color: #504f2d; padding:0; margin:5px auto 0 auto; text-align:left;}
#credit a {padding:0; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:17px; color:#504f2d; text-decoration:none;}
#credit a:hover {color:#FFF;}


/* GLOBALHEADER */
#globalheader {width:720px; height:29px; position:relative; margin:0 auto; z-index:800; padding:0;}
#globalheader #globalnav {margin:0; padding:0; width:100%;}
#globalheader #globalnav:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
#globalheader #globalnav li {float:left; list-style:none;}
#globalheader #globalnav li a {display:block; padding:4px 0 4px 7px; background-image:url(../images/nav-buttons.png); background-repeat:no-repeat; text-decoration:none; font-family:Rockwell-lights, RockwellLights, RockwellSVG; font-size:18px; color:#b2ff00; line-height:20px;}
#globalheader #globalnav li a:hover {color:#FFF;}

/* BUTTONS */
#globalheader #globalnav li#nav-home a { background-position:0 0; width:82px;}
#globalheader #globalnav li#nav-services a { background-position:-91px 0 !important; width:105px;}
#globalheader #globalnav li#nav-portfolio a { background-position:-204px 0 !important; width:122px;}

/* OVER STATES */
#globalheader #globalnav li#nav-home a:hover { background-position:0 0 !important;}
#globalheader #globalnav li#nav-services a:hover { background-position:-91px 0 !important;}
#globalheader #globalnav li#nav-portfolio a:hover { background-position:-204px 0 !important;}

/* PRESSED STATES */
#globalheader #globalnav li#nav-home a:active { background-position:0 0 !important; width:82px;}
#globalheader #globalnav li#nav-services a:active { background-position:-91px 0 !important; width:105px;}
#globalheader #globalnav li#nav-portfolio a:active { background-position:-204px 0 !important; width:122px;}

/* ON STATES */
#globalheader.home #globalnav li#nav-home a {color:#FFF; background-position:0 0 !important; cursor:default;}
#globalheader.services #globalnav li#nav-services a {color:#FFF; background-position:-91px 0 !important; cursor:default;}
#globalheader.portfolio #globalnav li#nav-portfolio a {color:#FFF; background-position:-204px 0 !important; cursor:default;}