/*

R: #C42026 //157,7,8
Y: #FED302 254,211,2
B: #004361 0,67,97

*/

@font-face {
    font-family: 'AtomoReg';
    src: url('fonts/atomo-webfont.eot');
    src: url('fonts/atomo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/atomo-webfont.woff') format('woff'),
         url('fonts/atomo-webfont.ttf') format('truetype'),
         url('fonts/atomo-webfont.svg#AtomoReg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AtomoReg';
    src: url('fonts/atomo-webfont.eot');
    src: url('fonts/atomo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/atomo-webfont.woff') format('woff'),
         url('fonts/atomo-webfont.ttf') format('truetype'),
         url('fonts/atomo-webfont.svg#AtomoReg') format('svg');
    font-weight: bold;
    font-style: normal;
}


*{margin: 0; padding: 0;}
a:link, a:visited {color: #FFF;}
.masterWidth {width: 1024px;}
body {font-size: 10px; line-height: 10px; background: #C42026; font-family: "AtomoReg",Helvetica,Arial,sans-serif;}
#page {display: block; overflow: hidden; min-height: 600px; margin: 0 auto; background: #004361; position: relative; box-shadow: 0 0 30px rgba(100,7,8,1); -webkit-box-shadow: 0 0 30px rgba(100,7,8,1); -moz-box-shadow: 0 0 30px rgba(100,7,8,1); z-index: 1;}
#tag {display: block; width: 1024px; height: 43px; margin: 0; background: #000; overflow: hidden;}
#mast {display: block; overflow: hidden; height: 254px; background: #FED302 url(images/atomocom-logo.png) no-repeat left top; position: relative;}
#core {display: block; overflow: hidden; clear: both; background: #004361; }
#content {display: block; overflow: hidden; clear: both; margin: 30px; min-height: 400px;}


#footer {display: block; overflow: visible; position: absolute; bottom: 0px; height: 43px; background: #000;}

h1,h2,h3,h4,h5,h5 {display: block; font-weight: normal !important; line-height: 1em; overflow: visible;}

#tag h2 {font-size: 2.3em; line-height: 1em; letter-spacing: .4em; text-align: center; color: #FED302; text-transform: uppercase; padding:10px 6px;}
#mast h1 {text-indent: -9999em; width: 0; height: 0;}
#intro {display: block; position: absolute; left: 492px; top: 20px; font-size: 1.25em; line-height: 1.8em; padding-right: 30px;}
#content, #footer {color: #FED302;}
#content h3 {font-size: 2.4em; line-height: 1em; margin-bottom: 1em; text-transform: uppercase; color: #C42026;}
#content p {font-size: 1.6em; line-height: 2.2em; margin-bottom: 0.5em;}
li span {text-transform: uppercase;}
#content li {font-size: 1.5em; line-height: 1.8em; margin-bottom: .5em;}

.offset {display: block; position: absolute; top: -30px; left: 30px; font-size: 1.3em; line-height: 1em;}
#copyright {margin: 10px 0 0 30px; text-transform: uppercase; color: #999; }
#clientLink {display: block; overflow: hidden; position: absolute; top: 10px; right: 30px; padding: 5px;text-transform: uppercase; font-size: 1.2em; border: 1px solid; cursor: pointer;}

#clientLogin {display: none; position: absolute;z-index: 10; overflow: hidden; border: none; right: 30px; bottom: 53px; background: rgba(254,211,2,0.8); border-radius: 12px; padding: 30px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); background: #000; color: #FED302;}

#contact {display: block; overflow: hidden; position: absolute; bottom: 10px; right: 30px; padding: 5px;text-transform: uppercase; font-size: 1.2em; border: 1px solid; cursor: pointer;}
#contact a {color: #C42026; text-decoration: none;}

fieldset {display: block; border: 0; padding: 0;}
legend {display: none; overflow: hidden; text-transform: uppercase; font-size: 1.4em; margin-bottom: 1em;}
label {font-size: 1.2em; text-transform: uppercase;}
dt,dd {float: left;}
dl {display: block; clear: both; overflow: hidden; margin-bottom: 1em;}
dt { padding: 6px; width: 90px; text-align: right; margin-right: 10px;}
input[type="text"],input[type="password"]{width: 180px; font-size: 1.2em; line-height: 1em; padding: 4px; border: none; background:#FED302; font-family: monospace;}
#submit {overflow: hidden; color: #000; border: 1px solid; font-size: 1.2em; line-height: 1em; text-transform: uppercase; background: #FED302; padding: 5px; position: absolute; right: 30px;; width: 87px; text-align: center; cursor: pointer;}

#imgBG {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;}

#errorModal.living {display: block; overflow: hidden; position: absolute; z-index: 100; width: 600px; text-align: center; background: #F00; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7);}
.living #message {display: block; overflow: hidden; color: #FFF; text-align: center; margin: 30px;  height: 204px;}
.living #message h4 {font-size: 3em; padding-bottom: 0.2em; text-transform: uppercase; border-bottom: 1px solid; letter-spacing: 0.2em; margin-bottom: 1em; }
.living #message p {font-size: 1.6em; padding-bottom: 0.2em; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1em; }
.living span#messages {font-size: 0.8em; color: #FF0;}
.living span#messages.terminated {font-family: monospace !important; color: #000 !important;}



#errorModal.dying { display: block; overflow: hidden; position: absolute; z-index: 100; width: 600px; text-align: left; box-shadow:7px -18px #FFF; -webkit-box-shadow:7px -18px #FFF; -moz-box-shadow:7px -18px #FFF; background:#000; font-size: 8px !important; font-family: monospace !important;}
.dying #message {display: block; overflow: hidden; color: #0F0; text-align: left; margin: 15px;  height: auto;}

.dying #message h4 {font-size: 1.2em; padding-bottom: 0.2em; text-transform: uppercase; border-bottom: 1px solid; letter-spacing: 0; margin-bottom: 1em; }
.dying #message p {font-size: 1.2em; padding-bottom: 0.2em; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0em; margin-bottom: 1em; }
.dying span#messages {display: block; color: #F00; text-align:left; margin-top: 4em;}