/* Declare font-face */

@font-face {
font-family: 'megalomania_xregular';
src: url('../fonts/'megalomaniax-webfont.eot'); /* IE9 compatibility modes */
src: url('../fonts/megalomaniax-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/megalomaniax-webfont.woff') format('woff'), /* modern browsers */
	url('../fonts/megalomaniax-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/megalomaniax-webfont.svg#papyrus_letbold') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}


/* General HTML Tags */

a {
color: #ffffff;
text-decoration: none;
}

a:focus {
color: #ffffff;
outline-color: #404202 !important;
outline-style: dotted !important;
outline-width: 2px !important;
}

a:hover {
color: #404202;
}

a:active {
color: #404202;
outline-color: #B1B706 !important;
outline-style: dotted !important;
outline-width: 2px !important;
}

::selection {
background-color: rgba(225, 144, 60, 0.5);
}

::-moz-selection {
background-color: rgba(225, 144, 60, 0.5);
}

::-webkit-selection {
background-color: rgba(225, 144, 60, 0.5);
}

body {
line-height: 1;
margin: 0;
}

div {
margin: 0;
padding: 0;
}

img {
border: 0px;
}

ul {
list-style: circle;
margin: 4px 0 0 0;
}

li .servicesList {
font-weight: bold;
}

.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


/* site background */
#siteWrapper {
background: #000 url(../images/mgpSiteBG.jpg) no-repeat 0 0;
background-attachment: fixed !important;
background-position: center top !important;
background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
-webkit-background-size: cover !important;
}

/* content */
#contentWrapper {
background-color: #a6cc12;
margin-left : auto;
margin-right : auto;
width: 900px;
}

#content {
color: #404202;
font-family: Verdana;
font-size: 16px;
line-height: 20px;
min-height: 685px;
margin: 0;
padding: 0 20px 0 20px;
width: 860px;
}


/* header */
#headerWrapper {
border-bottom: 1px solid #000;
height: 120px;
padding: 10px 0 10px 0;
width: 860px;
}

#headerLogo {
background:  url(../images/mgpHeader.png) center center no-repeat; 
display: block;
height: 120px;
margin-left: auto;
margin-right: auto;
width: 634px;
}


/* left column content */
#leftColumn {
float: left;
font-family: megalomania_xregular;
font-size: 17px;
font-weight: 600;
line-height: 46px;
padding: 20px 0 0 0;
text-align: left;
text-shadow: black 0.1em 0.1em 0.2em;
width: 200px;
}

#leftColumn span {
margin-left: 50px;
}

.leftNavButton {
background: transparent url(../images/mgpNavButton.png) no-repeat 0 0;
display: block;
float: left;
height: 44px;
margin: 0;
padding: 0;
width: 189px;
}

#currentPage {
color: #B1B706;
}


/* right column content
#rightColumn {
float: left;
margin: 0;
min-height: 180px;
padding: 20px 20px 20px 29px;
width: 611px;
} */

/* right column content 
#rightColumn {
float: left;
margin: 0;
padding: 0;
}
*/

.rightColumnImg {
display: block;
height: 500px;
margin-left: auto;
margin-right: auto;
width: 800px;
}

.rightText .bold {
font-weight: bold;
}

.rightText h1 {
font-size: 18px;
font-weight: 600;
line-height: 18px;
margin: 8px 0 20px 0;
text-align: center;
}

.rightText h2 {
font-size: 16px;
font-weight: 600;
line-height: 17px;
margin: 20px 0 8px 0;
text-align: left;
}

.rightText h3 {
font-size: 16px;
line-height: 16px;
text-align: left;
}

.rightText h4 {
font-size: 13px;
line-height: 13px;
margin: 0;
}

.rightText .notice {
font-size: 13px;
font-style: italic;
padding: 0 50px 0 50px;
}

.rightText .toc {
border-bottom: 1px solid #000;
padding: 0 0 20px 0;
}

.rightText .toTop {
font-size: 12px;
font-weight: 600;
line-height: 10px;
text-align: right;
}

.rightText .underscore {
text-decoration: underline;
}

.quote {
font-size: 12px;
font-style:italic;
padding: 0 50px 0 50px;
}

.indent {
font-size: 13 px;
font-weight:bold;
line-height: 24px;
margin: 0;
padding: 0 50px 0 50px;
text-align: right;
}

.toTop {
text-align: center;
}

.contact p {
font-weight: 600;
line-height: 24px;
margin: 0;
padding: 0 0 0 50px;
}

.backLink, .emailContact, .galContact {
color: #ffffff;
}

.backLink:hover, .emailContact:hover, .galContact:hover {
color: #404202;
}

.socialMedia {
padding: 20px 0 0 8px;
text-align: center;
}

.socialMediaList {
font-size: 17px;
line-height: 44px;
}

.socialMediaNote {
padding-top: 4px;
}

#fbIconSmall {
background:  url(../images/mgpFacebookIconSmall.jpg) center center no-repeat;
display: inline-block;
height: 40px;
margin: 0 0 0 4px;
vertical-align: top;
width: 40px;
}

#ytIconSmall {
background:  url(../images/mgpYouTubeIconSmall.jpg) center center no-repeat;
display: inline-block;
height: 40px;
margin: 0 0 0 4px;
vertical-align: top;
width: 40px;
}

#tIconSmall {
background:  url(../images/mgpTwitterIconSmall.jpg) center center no-repeat;
display: inline-block;
height: 40px;
margin: 0 0 0 4px;
vertical-align: top;
width: 40px;
}

#fbIconLarge {
background:  url(../images/mgpFacebookIcon.jpg) center center no-repeat;
display: inline-block;
height: 60px;
padding: 0 20px 0 0;
width: 60px;
}

#ytIconLarge {
background:  url(../images/mgpYouTubeIcon.jpg) center center no-repeat;
display: inline-block;
height: 60px;
padding: 0 20px 0 0;
width: 60px;
}

#tIconLarge {
background:  url(../images/mgpTwitterIcon.jpg) center center no-repeat;
display: inline-block;
height: 60px;
padding: 0 20px 0 0;
width: 60px;
}

.clear {
clear: both;
}

div.nomargin {
margin: 0 16px 0 0;
}


/* footer */
#footer {
border-top: 1px solid #000;
clear: both;
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 10px 0 0 0;
text-align: left;
width: 850px;
}

#footer p {
float: left;
margin: 0;
padding: 0;
}

.atSymbol {
font-family: arial;
}

#footer p .copy
 {
font-family: arial;
}

#bottomNavigation {
margin: 0;
padding: 0;
text-align: right;
}

#social {
margin: 0;
padding: 0;
text-align: center;
}