/* MRK eLockets CSS file: version 9/17/2009 by Tim Slavin */

body {
 background: #29090b;
 color: #cfcfcf;
 font: 11px/18px Helvetica, Arial, sans-serif;
 margin: 0 auto; padding: 0;
 text-align: left;
}

a {
 color: #acacac;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
strong {
 color: #acacac;
}

img {
 border: none;
}

h1 {
 background: url("../images/design/mrk-elockets-logo.gif") no-repeat transparent;
 color: #000;
 float: left;
 height: 45px; /*logo image height*/
 margin: 45px 0 0; padding: 0;
 position: relative;
 width: 390px; /*logo image width*/
 z-index: 0;
}
h1 span, .hidden { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}


/*Common layout styles*/
#header, #top-right-info, #bottom-nav, #links, .facebook-button, #content, #copy, #right-column, .photo-left, .photo-right, .photo-full, #footer, #footer-nav, #footer-copy {
 background: transparent;
 display: inline;
 float: left;
 margin: 0; padding: 0;
 position: relative;
 z-index: 0;
}

#frame {
 margin: 0; padding: 0;
 margin-right: auto; /*centers page design*/
 margin-left: auto; /*centers page design*/
}

#frame, #header, .facebook-button, #content, #right-column, #footer, #footer-nav, #footer-copy {
 width: 840px;
}


#header {
 height: 75px;
}


.facebook-button {
 float: right;
 margin-top: -40px;
}
.facebook-button p {
 text-align: right;
}
.facebook-button a {
 color: #ccc;
 font: 9px/11px Arial, Helvetica, "sans serif";
 text-decoration: none;
}
.facebook-button a:hover {
 text-decoration: none;
}

.rule {
 border-bottom: 2px solid #5c1a1e;
}


#content {
 background: #000;
 color: #cfcfcf;
 margin-top: 10px; padding-bottom: 10px;
}
#content h2, #content h3, #content h4, #content h5, #content p, #content ul, #content ol {
 margin: 0; padding: 0 20px 10px;
}
#content a {
 text-decoration: underline;
}
#content a:hover {
 text-decoration: none;
}
#content #copy {
 width: 540px;
}
#content li {
 margin-left: 20px;
}
#content h2 {
 color: #acacac;
 font: 20px/25px Helvetica, Arial, sans-serif;
 margin-top: 10px; padding-bottom: 0;
}
#content h3 {
 color: #acacac;
 font: 14px/21px Helvetica, Arial, sans-serif;
 margin-top: 10px; padding-bottom: 0;
}
#content form input, #content form textarea {
 background: #29090b;
 border: 1px solid #555;
 color: #cfcfcf;
}


#right-column {
 float: right;
 margin: -20px 20px 0 0;
 width: 250px;
}
#right-column h3 {
 border-bottom: 1px solid #acacac;
 font: 16px/20px Arial, Helvetica, sans-serif;
 margin: 20px 0 10px; padding-bottom: 3px;
}
#right-column p {
 padding-bottom: 10px;
}


.photo-left, .photo-right, .photo-full {
 border: 6px solid #cfcfcf;
}
.photo-left {
 margin: 5px 10px 0 0; padding: 0;
}
.photo-right {
 float: right;
 margin: 5px 0 0 10px; padding: 0;
}
.photo-full {
 clear: both;
 margin: 10px 0 0; padding: 0;
}



#footer {
 background: #000;
 margin-top: 10px; padding: 5px;
}
#footer a, #footer p {
 color: #ccc;
}
#footer p {
 margin: 0; padding: 7px;
 text-align: right;
}
#footer #footer-copy {
 float: right;
 width: 400px;
}



/*Navigation links*/
#footer #bottom-nav {
 color: #cfcfcf;
 font: bold 11px/16px Arial, Helvetica, sans-serif;
 margin: 0; padding: 0;
 width: 300px;
 z-index: 10;
}
#links, #links ul {
 background: transparent;
 display: inline;
 float: left;
 font-weight: bold;
 list-style: none;
 line-height: 1;
 margin: 0; padding: 0;
 position: relative;
 z-index: 10;
}
#links a {
 color: #cfcfcf;
 display: block;
 margin: 0; padding: 7px;
 text-decoration: none;
 text-transform: uppercase;
}
#links a:hover {
 background: #601a25;
 text-decoration: none;
}
}
#links a.parent {
 background: url(../images/layout/rightarrow2.gif) center right no-repeat;
 margin: 0; padding: 0.25em 0;
 width: 13em;
}
#links .wide {
 margin: 0; padding: 0 5px .25em 0;
}
#links a#current {
 border: 1px solid #ddd; /*bfaaaa*/
 margin: 1px 9px 0 0; padding: 2px 4px;
}

#links li {
 float: left;
 margin: 0; padding: 0;
}
#links li ul {
 background: #F1F5F6;
 border: 1px solid #cccccc;
 font-weight: normal;
 height: auto;
 left: -999em;
 margin: 0; padding: 2px;
 position: absolute;
 text-align: left;
 width: 13em;
 z-index: 10;
}
#links li ul li a {
 font-size: 11px;
 font-weight: normal;
 padding: 0.25em 0 .25em 5px;
 text-align: left;
 width: 13em;
}
#links li li {
 padding: 0.25em 0;
 width: 13em;
}
#links li ul a {
 text-decoration: none;
 width: 13em;
}
#links li ul ul {
 color: #000;
 margin: -1.75em 0 0 13em;
 width: 13em;
}
#links li:hover ul ul, #links li:hover ul ul ul, #links li.sfhover ul ul, #links li.sfhover ul ul ul {
 left: -999em;
}
#links li:hover ul, #links li li:hover ul, #links li li li:hover ul, #links li.sfhover ul, #links li li.sfhover ul, #links li li li.sfhover ul {
 left: auto;
 z-index: 10;
}
#links li ul li:hover, #links li ul li.sfhover {
 background: #e1eaec;
}