/*******************************************
 * *************************************** *

 created by Brad McLaughlin - bmDesign.org

           brad@bmdesign.org

 * *************************************** *
*******************************************/


@import url('http://meyerweb.com/eric/tools/css/reset/reset.css');
/*@import url('http://fonts.googleapis.com/css?family=Droid+Sans');*/
@font-face {
  font-family: "Myriad Pro";
  src: url(../fonts/MyriadPro-Regular.otf) format("opentype");
}
/***********************
 *   html
***********************/
body {
 font-family: 'Myriad Pro', Helvetica, Arial, Sans-Serif;
 font-size: small;
 line-height: 1.4em;
 color: #444;
/* background: #fff url(../images/bgRepeat.png) repeat ; */
 background: #fff;
 }
.cheatcode {
 background: url("http://www.newzonfire.com/Images/Rabbit_letter_opener.gif") repeat scroll 0 0 transparent;
 }
.cheatcode #blockRight * {
 color: #fff !important;
 }

h1 {
 text-align: right;
 font-size: 220%;
 text-transform: uppercase;
 padding: 15px 0 ;
 }
#blockRight .work h1 {
 text-align: center;
 font-size: 138%;
 color: #000;
 }
h2 {
 text-align: left;
 font-size: 147%;
 padding: 15px 0;
 }
h3 {

 }
h4 {

 }
h5 {

 }
h6 {
 text-align: right;
 font-size: 110%;
 margin: -9px 0 6px 3px;
 color: #444;
 }
#blockRight img.mainImg {
 padding: 3px;
 width: 99%;
 border: 1px solid #f9f9f9;
 }
#blockRight div.work , #blockRight img.work{
 padding: 30px 2px;
 border: 1px solid #ddd;
 width: 215px;
 height: 210px;
 margin: 0 6px 6px 0;
 float: left;
 text-align: center;
 background: #fafafa;
 }

 /* global links */
 #blockRight a {
  color: #900;
  font-weight: bold;
  text-decoration: none;
  /*padding: 1px;*/
  }
 #blockRight a:hover , #blockRight a:visited , #blockRight a:active {
  color: #c00;
  background: #ffffd0;
  text-decoration: none !important;
  }
 /* end global links */
.clearfix {
 display: block;
 clear: both;
 float: left;
 width: 100%;
 height: 5px;
 }

 /* content styling */

 .sentStart {
 text-transform: uppercase;
 color: #333; /* #06B3D1 */
 font-weight: bold;
 }

/***********************
 *   containers
***********************/
#container {
 width: 100%;
 }
#blockRight {
 position: relative;
/* -moz-box-shadow: 0 0 9px #999999;
 -webkit-box-shadow: 0 0 9px #999999;
 box-shadow: 0 0 9px #999999; 
 -moz-border-radius: 0 0 30px 30px;
 -webkit-border-bottom-right-radius: 30px;
 -webkit-border-bottom-left-radius: 30px; */
 left: 120px;
 top: -12px; /* 111 */
 padding: 111px 18px 18px 18px;
 float: left;
 width: 699px;
 border: 1px solid #ddd;
 border-right: 0;
 border-bottom: 0;
 border-top: 0;
 height: auto;
 margin: 9px 0 0 0;
 z-index: 1;
 }
#footer {
 float: left;
 clear: both;
 margin: -12px 0 0 120px;
 background: #eee;
 width: auto;
 padding: 3px;
 color: #888;
 font-size: 80%;
 text-align: right;
 }
/***********************
 *   tag & loading
***********************/
#tag {
 width: 717px;
 height: 111px;
 left: 121px;
 position: fixed;
 z-index: 9;
 float: left;
 background: url(../images/tag.png) no-repeat;
 }

.loading {
 position: fixed;
 z-index: 999;
 top: 8px;
 left: 24px;
 background: url('/images/ajax-loader.gif') no-repeat;
 height: 66px; width: 66px;
 }

/***********************
 *   nav
***********************/
/* first level nav */
#navigation {
 text-align: left;
 margin: 9px 0 0 0;
 position: fixed;
 top: 74px;
 left: 0;
 width: 120px !important;
 height: auto;
 clear: both;
 float: left;
 }
div#navigation ul {
 width: 100%;
 padding: 0; margin: 0;
 }
div#navigation ul li {
 margin: 0;
 background: #fff;
 }
div#navigation ul li a {
 width: 111px;
 color: #000;
 display: block;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 150%;
 padding: 9px 0 9px 9px;
 margin: 0 0 3px;
 font-weight: bold;
 }
div#navigation ul li a:hover , div#navigation ul li a.activeLink {
 cursor: pointer;
 background: #000;
 color: #fff;
 }
/* end first level nav */

        /* second level nav */
        div#navigation ul li ul {
         display: none;
         padding: 0;
         margin: 0;
         width: 111px;
         }
        div#navigation ul li ul li {
         margin: 0 0 0 9px;
         }

        div#navigation ul li ul li a {
         font-size: 90% !important;
         padding: 9px 0 9px 9px;
	 text-align: left;
         display: block;
         width: 102px;
         text-transform: lowercase;
         -moz-border-radius: 8px 0 0 8px;
         -webkit-border-top-left-radius: 8px;
         -webkit-border-bottom-left-radius: 8px;
         }
        div#navigation ul li ul li a:hover {
         color: #000;
	 background: #fafafa;
         }
        /* end second level nav */

/***********************
 *   form elements 
 *   ***********************/
#myForm {

 }
#myForm h3 {
 width: 81px;
 float: left;
 clear: both;
 text-align: right;
 font-size: 90%;
 padding: 6px;
 }
#myForm h6 {
 margin: 6px 0 6px 0;
 width: 99%;
 color: #000;
 border: 1px solid #ddd;
 border-top: 0 none; border-right: 0 none;
 border-radius: 0 0 0 8px;
 -moz-border-radius: 0 0 0 8px;
 -webkit-border-bottom-left-radius: 8px;
 font-weight: bold;
 float: left;
 clear: both;
 padding: 6px;
 text-align: left;
 }
#myForm input , #myForm textarea {
 float: left;
 width: 74.4%;
 padding: 6px;
 font-size: 120%;
 margin: 0 0 6px 0;
 border: 1px solid #aaa;
 color: #666;
 }
#myForm input.check {
 width: 2%;
 border: 0 none;
 margin: 6px 0 6px 0;
 }
#myForm input:focus , #myForm textarea:focus {
 border: 1px dotted #06b3d1;
 color: #333;
 }
#myForm input.submit {
 width: auto;
 margin: 24px 12px 0 0;
 color: #000;
 }